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!
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!
how can i add categories of a custom post type in divi blog module
Hi there,
I can’t find any way to do that. I’m sure that will be added in the future.
I need to do that too! There is no way?! 🙁
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!
Sadly they did only half the job and didn’t bother adding the same functionality to the post-slider module.
I’m sure we will get more features in future updates, like CPT categories. Hopefully!
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
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.
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
Hi Kalle,
You’ll have to ask Elegant Themes that one. I haven’t seen anything so far.
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?
Can I ask what your solution was, please?
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.
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.
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.
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.
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.
You’re welcome Jacob, glad you enjoyed this and I hope you have fun using it!
Still can’t display by Category though? Kind of half-baked feature IMHO. ET should complete this.
As now now, this is still the status.
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… Read more »
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… Read more »