How To Display Custom Post Types In The Divi Blog Module

You can now display custom post types in the Divi Blog Module! This is an exciting new feature that snuck in there in Divi 4.0.

NEW: You Can Now Display Custom Post Types In The Divi Blog Module

For those of you who are not deep into Divi every day like me and perhaps do not read every changelog, I have some incredible news for you! As of Divi 4.0, you can now show custom post types in the Divi Blog module, and it couldn’t be easier!

In this written tutorial and video, I am going to show you what all is possible now that custom post types work in the Divi Blog Module. The cool part is that it works with any CPT, not just blog posts. You can use it for anything from Projects to Products to Pages and anything custom that you create!

▶️ Please watch the video above to get all the exciting details! 👆

Any Custom Post Type Now Shows In The Divi Blog Module

We’ve tested this with a variety of different post types, and it works great. We even tried the project post type that ships with Divi, as well as products from WooCommerce. Of course there are some disadvantages to using the Blog Module to display products, but hey, it could be useful. Here are the custom post types we tested with the Divi blog module:

Posts
Pages
Projects
Products
Custom

Create and Display A New Custom Post Type In The Divi Blog Module

For this tutorial, we could do multiple things to show you how it works, but we decided instead of showing you how to add projects or pages, we would go a step further and use a new custom post type for our demo example.

So to get started, I’m going to use a plugin called “Custom Post Type UI” to create the custom post type. You are welcome to use other plugins or code this yourself, but I thought this plugin was the best one for most of my readers.

Once this plugin is installed and activated, a new menu item appears in your Dashboard called “CPT UI.” From there, you can add or edit post types. I’m not going to show you all the steps here in this tutorial (we’ll save that for another time if you are interested), but we can show you the basics. Our goal in this post is simply to show you how to display custom post types in the Divi Blog module, not to create and manage them.

Below you can see the settings to add a new post type.This is what I used for our demo. I decided to use “Cats” as my custom post type.

After the custom post type is created and a few items have been added, go to the page where you want to display the post type feed and add a blog module. As of Divi 4.0, a new option appears under the Content toggle called “Post Type.” This is a dropdown showing all the available post types for this website. As you can see, from our example, there are several available in my example site:

Posts (which was the only one we had previously),
Pages
Media
Projects
Products (since I have WooCommerce installed)
Cats (the new CPT we just created)

When I click the Cats from the post type selector, it displays everything in the Divi blog module just like it did for posts prior to Divi 4.0. You can choose the layout, hide or show elements, and style everything using the Divi Builder.

I’ really excited about this and some of the other new features in Divi, so be sure to follow the blog closely as I will be showcasing more and more features that you may have missed. We will also be creating some child themes using custom post types, so that is excited that this functionality has been added. Let us know in the comments how you are using custom post types in the Divi blog module!

Categories: Tutorials

I hope you enjoyed learning. Please share your thoughts in the comments below. If you find value in this type of post, please subscribe because we have tons of tutorials in progress to be posted!

Subscribe For More Things Like This!

At the start of each month, we send out a recap newsletter from the month before with family news, Divi news, our latest tutorials, and product news. Occasionally, if the news is too exciting to wait, we will send out another email separate from the monthly newsletter. That’s what you get when you subscribe, and of course you can unsubscribe if you are no longer interested!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative and the product creator of many popular Divi Plugins, as well as WordPress products WP Inbox, WP SiteLauncher, and SurelyWP Addons For SureCart. Nelson lives with his wife Tashia and daughters Abrielle and Reiah in the beautiful state of Pennsylvania. Learn more on our About page!

Shop Our Divi Products

Plugins • Courses • Templates

Visit The Shop

Leave A Response!

By commenting you agree to our Blog & YouTube Comments Policy

54 Comments

Comments By Members

These comments are highlighted because they were posted by fans who have a membership on this site.

Jacob Reinholdt Divi Adventure Club Member on January 10, 2021 at 7:29 am

Great post.Thank you. I do not read the divi change log (yet) – so it is great that you post about changes and new features in DIVI, Miller. I am experimenting with use Custom Post types on one of my projects.
Reply
- Nelson Lee Miller (aka The Divi Teacher) Author on January 11, 2021 at 7:07 pm
  
  You’re welcome Jacob, glad you enjoyed this and I hope you have fun using it!
  Reply

Comments By Others

William on September 21, 2024 at 8:30 pm

First of all thank you for this resource.
I am having an issue where one post is overlapping another.
The layout looks good in the builder but on the front end, it does not.
I have this css to make it 2 columns “column-count:2; column-gap: 60px;”
It’s the last post that overlaps the one before it. Or is under, I can’t tell.

The page url is in the website field of this comment form.

I have these in layouts so on the page there is a tabbed element that pulls in each layout by ID.
The “All” tab is pulling in a regular Divi Blog module and that layout is good.
The Campaign tab is using this Custom Blog module in the layout. It has 3 posts in it by category. The last two posts are on top of each other.
The ‘Development tab has several tabs and the layout is completely broken.

Any help would be greatly appreciated. Thank you.
Reply
- Hemant Gaba Divi Adventure Club Member on September 23, 2024 at 7:00 pm
  
  Hi William!
  
  It seems you’re adding the module inside the tabs which seems to be conflicting with changing column count. We’ll check further for more compatibility issues.
  
  For now, please remove the code “column-count:2; column-gap: 60px;”, and add the following code.
  
  .et-db #et-boc .et-l .et_pb_custblog_0_tb_body .et_pb_post{
  width: 47.39%;
  float: left;
  margin-right: 60px;
  }
  .et-db #et-boc .et-l .et_pb_custblog_0_tb_body .et_pb_post:nth-child(2){
  margin-right: 0px !important;
  }
  
  Let me know if it helps!
  Reply
taher kefi on September 12, 2024 at 11:42 am

Hello,

Could you please provide the update history for this extension?

Thank you!

Best regards,

Taher
Reply
- Nelson Lee Miller (aka The Divi Teacher) Author on September 12, 2024 at 2:48 pm
  
  I don’t have that readily available, but you can contact us if you think something is not up to date with your version.
  Reply
Nick C on August 6, 2024 at 3:33 pm

Do you know of a way to display Advanced Custom Field Values in Blog “Elements”. Similar to the way Toggles can be turned on or off to show Author Meta, Date… Only the toggles would turn on or off which custom fields are displayed in the blog module. (example for Team Category Page, we want to show all team members, photos (featured Image), Names (Post Title), and Job Title (ACF),
Reply
- Hemant Gaba Divi Adventure Club Member on August 7, 2024 at 3:28 pm
  
  Hi Nick!
  
  I’m afraid we’re not aware of any such functionality or plugin. You can contact the Elegant Themes support for it.
  Reply
Peter on April 3, 2024 at 4:23 pm

Is there a way to use the Blog module in the theme builder and use Posts for current page, but show a different post type instead of just posts i.e Products?
I want to show a user’s profile from a template such as this: https://www.elegantthemes.com/blog/divi-resources/how-to-create-an-author-page-template-with-divis-theme-builder#add-blog-module
but show woo Products instead of posts.
Reply
- Nelson Lee Miller (aka The Divi Teacher) Author on April 3, 2024 at 4:40 pm
  
  Hi Peter,
  What you described would not work since it cannot show related posts of another post type, because how would it know how it is related. It reminds me of the ACF relationship feature, not sure if that would help at all or not.
  Reply
caroline scherb on March 1, 2024 at 12:45 pm

Hi, thanks for the sharing.
Is it possible to do the same with ACF fields?
I can adding my CPT in the Blog Module, but not the CPT content, that was made with ACF blocks
Reply
- Hemant Gaba Divi Adventure Club Member on March 6, 2024 at 12:06 pm
  
  Hi Caroline!
  
  We have not tested the same with ACF fields. You can try the same and see if it helps.
  Reply
J on July 19, 2022 at 11:43 pm

Is there a way to sort posts only in a category from oldest date to newest date?

So, not for all posts, just posts in a category to display from oldest to newest date.

The default for all posts is to display newest to oldest date.
Reply
- Nelson Lee Miller (aka The Divi Teacher) Author on July 25, 2022 at 7:17 pm
  
  I think you commented on the wrong post and meant to do so here: https://www.peeayecreative.com/how-to-sort-divi-blog-module-posts-in-alphabetical-order/
  But the answer is not easy, as changing this kind of thing involves changing PHP, which is not easy to isolate to a specific module and would take some advanced coding from a developer.
  Reply
Roman on March 5, 2022 at 3:42 am

The „Full width“ option in the DIVI BlogLayout section does not appear. Do you have an idea why?
Reply
- Nelson Lee Miller (aka The Divi Teacher) Author on March 8, 2022 at 1:32 am
  
  Please see other comments.
  Reply
Zoltan on December 29, 2021 at 8:22 am

I have manually registered custom post types, and thoes are not listed in the blog module. Enyone knows why?
Reply
- Nelson Lee Miller (aka The Divi Teacher) Author on December 29, 2021 at 1:33 pm
  
  Must be one of the settings true or false in the code.
  Reply
  - Zoltan on December 30, 2021 at 5:06 am
    
    You were right. ‘has_archive’ and ‘publicly_queryable’ were false. God bless you 🙂
  - Nelson Lee Miller (aka The Divi Teacher) Author on December 31, 2021 at 2:20 pm
    
    Awesome, thank you!
Joe on June 20, 2021 at 9:25 am

Wow! I just discovered this and it will make a huge difference on one of the sites I designed for a client. I can now get rid of the loop injector that I was using to create custom layouts for special content types. Thanks for mentioning this in this article Nelson and confirming that it “snuck” in with version 4. I wondered if I was going bonkers for not seeing it before.
Reply
- Nelson Lee Miller (aka The Divi Teacher) Author on June 22, 2021 at 10:30 pm
  
  You’re welcome Joe! Glad you found this insightful!
  Reply
Zac on April 14, 2021 at 10:04 am

Do you have a tutorial on adding Project Post types to the Divi Post Slider?
Reply
- Nelson Lee Miller (aka The Divi Teacher) Author on April 16, 2021 at 12:26 am
  
  Hi Zac,
  I’m afraid not, I will try to remember to check if this is possible.
  Reply
Kunle Ajayi on March 5, 2021 at 5:56 am

Wow…short and precise. I love this
Reply
- Nelson Lee Miller (aka The Divi Teacher) Author on March 9, 2021 at 1:41 am
  
  I’m glad you liked it!
  Reply
John Callanan on February 1, 2021 at 10:44 am

Still can’t display by Category though? Kind of half-baked feature IMHO. ET should complete this.
Reply
- Mark Cunzolo on February 3, 2021 at 5:00 pm
  
  Hey there, This is actually Mark Cunzolo again. I submitted what I thought was a fix, then I tried to go back and edit it before it was approved because I realized my fix didn’t work. BUT NOW I HAVE A CODE WORKAROUND THAT IS WORKING!
  
  Okay, again you need to allow WP core categories to be active on your CPT. I know you want to use custom taxonomies, but until ET comes out with a fix/addition you’ll have to use regular old categories for your CPT. Then, add the snippet of code discussed in this article to your functions.php file in your child theme:
  
  https://tutorial.blackandblue.tech/wordpress/divi/how-to-use-divi-blog-module-for-custom-post-type/
  
  Just be sure to replace “your_cpt” in the code snippet with the correct name of your CPT. After saving that, go back to the page you’re working on with the blog module. WHEN YOU OPEN UP THE MODULE, MAKE SURE THE POST TYPE IS SET TO POSTS, rather than to your custom post. Then select the categories associated with your CPT. On the backend/frontend visual builder, it will look like it doesn’t work as it will just show that nothing was found. HOWEVER, if you save the page and then go look at it on the actual front end browser, it will now load your CPT with those categories. So, it works on the real front end, just not in the builder. You can just design by selecting your CPT in the blog module first. Then when you are done styling, switch over to posts, save, and your desired CPTs will load on the real front end.
  
  WOW! So happy to get this working. Let me know if this works for you.
  Reply
  - Curtis on May 10, 2022 at 2:51 pm
    
    Doood…. thank you!! This still works in 2022! ET still hasn’t added this functionality.
  - Meerah on March 19, 2021 at 2:01 am
    
    THANK YOU MARK! I have been looking for this solution for hours. You just made my day!
  - Lucien Portugal Divi Adventure Club Member on March 18, 2021 at 12:58 pm
    
    Hey, I just tried the solution you shared and it works great! Thank you so much for taking the time to share a fix/workaround to this (annoying) issue.
    
    Very useful and very much appreciated!
    
    Hopefully Elegant Themes spend some time improving past features like this and implementing better CPT and category/taxonomy support and customization for the blog module. I’ll make sure to request that they do.
    
    Thanks again!
- Mark Cunzolo on February 3, 2021 at 4:23 pm
  
  Hi there, here is a “fix” I discovered. For your CPT, you HAVE to enable WP core categories. For blog module selective filtering, you’ll need to create categories for your CPT, rather than custom taxonomies. Then, when you add the blog module to your page, the categories you set for your CPT will show up in the categories listed for posts, which is the default content option for the blog module. Leave it on posts and check off the categories you want to show, even though these categories are assigned to your CPT instances and not any of your out-of-the-box posts. Once those categories are checked, change the dropdown from posts to your CPT. Immediately, you’ll notice that only your CPTs with those categories load in. If you switch back to including posts, you’ll see that Divi keeps the checked category options you made rather than clearing them. So, once you check them and change over to pulling in your CPT, the checked categories stay checked and Divi’s logic still pulls based on them AND your CPT. It stinks that you can’t pull in custom taxonomy yet, but this is a workaround.
  
  Also, I agree that this is half-baked and is becoming kind of their MO. It seems like ET is more concerned with saying they have the most features but not with revisiting existing features and making them stellar. For instance, Elementor’s form module can tie directly into Mailchimp AND allows you to add people to lists, groups, and tags. Why doesn’t Elegant Themes go back to their form module and add functionality like this? I’m worried that they are relying too much on the marketplace now. Instead of improving their theme, they just point you to 3rd party developers who are coming up with solutions. I LOVE THAT PEOPLE ARE COMING UP WITH SOLUTIONS, but ET should also be improving and adding features that are to be expected.
  Reply
- Nelson Lee Miller (aka The Divi Teacher) Author on February 1, 2021 at 9:43 pm
  
  As now now, this is still the status.
  Reply
Abhishek Kotian on October 19, 2020 at 9:25 pm

how can i create custom post type current category page. similar as the post types current category.

when i can it to custom post types name in the selection column the category check box doesn’t display for the custom post type.
Reply
- Nelson Lee Miller (aka The Divi Teacher) Author on October 20, 2020 at 7:42 pm
  
  For this just use the Divi Theme Builder template and apply it to that post type category page and set the blog module to dynamic content.
  Reply
Nathan on October 14, 2020 at 10:48 am

Do you know if there is a way to show regular posts and also custom post types in the same feed? My clients site has hundreds of posts and we now also want to create new custom post types, but want them in the same feed.
Reply
- Nelson Lee Miller (aka The Divi Teacher) Author on October 15, 2020 at 9:55 am
  
  Interesting, I don’t know of any way to do that with the Blog module, but I’m sure there would be a WordPress specific plugin (not Divi) for that.
  Reply
Tine Broucke on June 17, 2020 at 4:23 pm

Hi, I guess I have the same question as the ‘catogory’-problem.
In the ‘cat’-‘dog’ situation, I’ve made a CPT with cats, but I only want to show the ones with green eyes (which is provided from a radiobutton-choice). Can I do that? Or do I have to show all the cats?

Kind regards
Tine
Reply
- Nelson Lee Miller (aka The Divi Teacher) Author on June 18, 2020 at 11:32 am
  
  Hi Tine,
  I assume you are referring to the taxonomies not being shown in the Blog module for CPTs. What you describe is a search and filter effect, which I believe there are WordPress plugins for that. My friend is releasing one for Divi here in June 2020, but you may also look at Search and Filter plugin.
  Reply
  - Kalle on August 11, 2020 at 12:09 pm
    
    Any updates on this? Would love to use this functionality! I want to show cities only from a certain country (using CPT UI and ACF). /Kalle
  - Nelson Lee Miller (aka The Divi Teacher) Author on August 11, 2020 at 9:27 pm
    
    Hi Kalle,
    You’ll have to ask Elegant Themes that one. I haven’t seen anything so far.
  - Kalle on August 13, 2020 at 11:15 am
    
    Thanks for the response! I think I figured out a solution. I now have an issue where I cannot find one the custom post types. Have you had this issue?
  - Brad on August 27, 2020 at 9:09 am
    
    Can I ask what your solution was, please?
Tajin on May 12, 2020 at 1:52 pm

Sadly they did only half the job and didn’t bother adding the same functionality to the post-slider module.
Reply
- Christian on April 9, 2023 at 4:38 am
  
  Hi, is there any update on this? I need to display events from “The events calendar plugin” within the blog slider module. Or is there a way to include blogposts into the Event slider Module from divi events calendar?
  Reply
  - Nelson Lee Miller (aka The Divi Teacher) Author on April 11, 2023 at 2:29 am
    
    No, Elegant Themes did not release any update about this.
- Nelson Lee Miller (aka The Divi Teacher) Author on May 14, 2020 at 3:41 pm
  
  I’m sure we will get more features in future updates, like CPT categories. Hopefully!
  Reply
  - Avinash on May 21, 2021 at 4:34 pm
    
    It’s been a year, still no option to choose custom category in the post slider or image slider. I hope divi comes up with it,
noureena on December 30, 2019 at 4:11 am

how can i add categories of a custom post type in divi blog module
Reply
- Nelson Lee Miller (aka The Divi Teacher) Author on December 31, 2019 at 10:26 pm
  
  Hi there,
  I can’t find any way to do that. I’m sure that will be added in the future.
  Reply
  - Walter Hildebrand on April 19, 2022 at 8:29 pm
    
    Elegant Theme did post a blog regarding the topic. Seems like it is possible to add custom fields to the Blog module. Check out the link (and make sure to move the blog php file to your child theme. So you need 1.) create divi child 2.) move blog php to child 3.) make changes as per the blog. Here is the link:
    
    https://intercom.help/elegantthemes/en/articles/4532813-customizing-divi-blog-module-to-add-custom-fields
    
    I havent tried it yet myself but will do at one point.
  - Hemant Gaba Divi Adventure Club Member on April 22, 2022 at 11:51 am
    
    Hey Walter,
    
    The guide you have shared will not add the Custom Taxonomies for example categories under the Included Categories heading.
  - Thais on March 23, 2020 at 9:38 pm
    
    I need to do that too! There is no way?! 🙁
  - Nelson Lee Miller (aka The Divi Teacher) Author on March 24, 2020 at 1:09 am
    
    This is a new feature, so I’m sure this will be added at some point. I’d suggest sending this in to Elegant Themes for consideration!