Thank you, Miller I just tried, but I can’t wrap my head around how to get the custom post content onto a page. Hi Nelson, ok sorry to be not clear and take your time Just an example. But now that i’ve CPT like “press” my urls are /blog/press/%postname%. Custom Post Builder For Divi. Just change the ‘rewrite’ => true, to ‘rewrite’ => [‘slug’ => ‘cats’], and make sure you have ‘has_archive’ => ‘cats’, as plural. There are at least two ways to make a custom post type. So excited to put it into use. I’m not an expert on that though, so maybe check some other sources about permalinks. This tutorial will show you how to create your own custom post types with our free generator and how to add and use them in your Divi website. Custom post types definitely work in the Divi Blog module! This is the main value that the code uses to reference the custom post type. Hi, Great Tutorial. Create a new page (or just duplicate the default category page you created) and give it the slug. Since I need my CPT to have its own set of categories, I wonder when the next tutorial about taxonomies will come up. Just because it is a plugin does not mean it is easier. Further customize it easily right in the Divi Builder. Is there a way to add custom categories to custom post types? It has been commented to explain what each line does so you can easily modify the plugin to create any post type. When you’re setting up your tags, make sure the tag slugs do NOT contain underscores (_). There you go! In Divi, the portfolio is a custom post or in WooCommerce, the products are one too. That content, I would like to be completed by users who register on the site. I need to create this cpt to regroup my pages exams instead to mix them with others pages to organize my content. This opens the editor where you’ll create the field group. I have tried to use the theme builder to create a template I can use to pull the posts back in a blog list format, but I have not been able to get that to work. As a test, I registered the CPT “Books” and added it to my PHP. We send out a roundup email once or twice a month with tutorials and new products, so that's what you will get! Professional high-converting custom website design, Use your website to increase client leads and product sales, Premium website hosting, maintenance, and marketing, Get users to your site from your blog, ads, and social media, how to use custom post types in the Divi blog module, https://www.peeayecreative.com/how-to-create-and-use-custom-taxonomies-in-divi/, https://www.peeayecreative.com/how-to-display-custom-post-types-in-the-divi-blog-module/, https://hemlow.franholder.co.uk/resources/energy-performance-certificates-epc-display-energy-certificates-dec-and-a-c-inspections, How To Sort Divi Blog Module Posts In Alphabetical Order, How To Move And Highlight The Divi Blog Module Author, Date, Or Category Over The Image, How To Use The New Divi Global Colors System. [Resolved] Display custom type archives within a Divi page This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP. On other blog posts, one of the options here would be ‘Fullwidth’ which normally fixes the problem. I publish “my cat”. Notice that when you type the name into the field, most of the other fields in the generator under the General and Labels sections auto-populalate! 1. To enable the Divi Builder on post types, just go to Divi>Theme Options>Builder and you will land on the Post Type Integration tab. That’s how you can use our free generator to use custom post types in Divi. Our tutorial today will show you how to sort blog posts or other custom posts types in the Divi Blog module in alphabetical order. I don’t think you missed anything, sounds like you did it great. ), blog categories, authors pages, tags pages, search results page, and even custom post type archives etc. Note that this will not give the new post type its own categories and tags. This sets whether the new custom post type items will be available in the WordPress navigation menus. I activate divi builder on the page “mycat”. Hi Terry, Hi Nelson, great tutorial. Note that any layouts you have saved into the custom post type's own library will not be accessible in this library. Finaly, my page “first exam” have no sidebar… Read more », Hi Nelson, to complete your excellent tutorial and tool to generate CPT, i think it will be interesting to explain how to create a template for the CPT, for page or post (based on the model single-page for example) to avoid standard displayed elements of WordPress (title, sidebar..), finally its the object of my multiple posts and what i don’t understand from the begin, sorry . In the WordPress dashboard, go to Custom Fields and click Add New. Although the Divi Builder can be used for posts I don’t feel that it’s generally necessary to do so. With this plugin, you can display any custom post type in a grid, carousel or fullwidth view. I’m using the Divi Builder but it’s framing it in a box. One more thing : is it possible to not displayed the title as the standard Divi pages (with the dont diplayed option at the top) ? I’m not quite sure what you mean. Select the page you created in the Theme Customizer > Divi Hacks > Custom CPT Archive Page panel. Instead of running one loop for each term, run two: the first one can display the most recent post with that term in full and the second one can display a list of all the rest of the posts. By default, your theme will display your new custom post types using your archive.php and single.php files. 2. This is a simple plugin that creates a custom post type “Recipes” in WordPress. Here, for example, I have the "Product" custom post type. https://www.elegantthemes.com/blog/theme-releases/divi-custom-post-types Create a new page (or just duplicate the default tag page you created) and give it the slug. If you want to save any layouts from custom posts, I suggest using the Divi layout import / export functionality to import these layouts into the main library. You are welcome! Make sure the value or values you enter here match the “key” when you use the other tab to make the custom taxonomies. You can find the tutorial here: https://www.peeayecreative.com/how-to-create-and-use-custom-taxonomies-in-divi/, Hi Nelson – great tool I have created a CPT called ‘Documents’ and added categories for ‘Doctors’, ‘Nurses’ and Admin. Just keep this set to True to make it appear in the WordPress Dashboard. 1. When you’re creating a new author, make sure the username does NOT contain underscores (_). Create a new page (or just duplicate the default author page you created) and give it the slug. The pages post type in WordPress is a good example of a hierarchical post type. 1. It also creates recipe categories called “Types” and adds the ability to add tags. You can choose any combination of post types. Too many long nights! It’s pretty much wide open, any time of content that you want to organize and display. Archive … Thanks for explaining, but the part I’m still confused on, if you are using the Divi Builder, then the settings for sidebar are totally irrelevant and not used. Most likely you would want to to be set to True. Besides categories and tags, you can also add your own taxonomies. I created the CPT “Messaging Guide.” When I generated the code and added to functions.php file I received a syntax error on line 10. Refer to the table below to hide/show various elements of the post archive using the shortcode [search-results] and it’s many attributes.2. Custom Post Types was one of the awesome features included in WordPress 3.0.One of our users asked us a question on twitter, how to create a custom post types archive page. Join over 5,200 others and subscribe to our helpful Divi videos! A last thing, my last question : i can’t preview the cpt page, when i click on the wp preview button i have the msg wp error “page not found, no results”, but the absolute link work, have you the same problem ? 1. Using the page builder, add the shortcode. Be sure to check out our tutorial on how to use custom post types in the Divi blog module. Add countdown timer on category archive pages. Theme builder allows to create custom single’s and archive’s template. This determines where the custom post type is shown in the WordPress admin menu. That sounds great, Tony. If the page is not found for that author, the custom author archive page you set in the Theme Customizer will be displayed instead. I believe this is because you have a dash in your file, “results-2020” so just change all references of that to something like “results2020”. Then create a new plugin using the code from Brandon Shutter’s GitHub repo called Divi-CPT-Builder. If the page is not found for that tag, the custom tag archive page you set in the Theme Customizer will be displayed instead. 500+ Custom Icon Packs Select Courses More to come! Use this setting to decide whether posts belonging to your custom post type can be exportable via the WordPress export tool. Have I missed a step? You can certainly use multiple custom post types, just make sure they are unique of course with a different key. That’s where the Divi Theme Builder comes in. Then under Enable Divi Builder On Post Types you can toggle on or off the Divi Builder support for any post type. If you don’t have Divi or the plugin, you’ll have to rely on your theme’s template files to display your new posts. The plugin will work with any WordPress theme, not just Divi. You can build the actual project page with Divi. Create a new page (or just duplicate the default tag page you created) and give it the slug archive_tag_###, replacing ### with the SLUG of the tag.2. After that if i display the page, I have… Read more ». But maybe I’m missing something. Choose between posts, pages, projects, products, or any custom post type you’re using. You might want to say what it does and why you are using it. Average rating (0 votes ; 0) Leave a review. 2. category tag and icons etc. Hi David, this tutorial is fantastic. Are you not using the Divi Builder on the page? Hey Eric, Part two looked at how to create the single template and archive template for the Custom Post Type using the new Divi 4 theme builder and part three showed the process using Beaver Builder and Beaver Themer. The big question remains. We also release other helpful tips, freebies, and resources throughout the week. Custom Post Type Archive(s) HOW TO SET IT UP. thanks for your help. I’m using the Divi Builder but it’s framing it in a box. Could it be the fact that I’m using the Name: Case Study? Just remember, this is not automatic, but manual. I understand, but I’m confused as well. *this only applies when style=grid, Divi Hacks will first look for a page with the slug. This will help you classify your content better and more seamlessly. This determines where the custom post type is shown in places like the “+New” menu at the top of the WordPress back end. Once you’ve created the post type in Divi Machine, create the field group for the post type with Advanced Custom Fields. Add these CSS properties to the Text Module’s Main Element Custom CSS box. Example: Fullwidth layout and don’t show post title. After creating and using custom post types I’m going to create fields with the ACF plugin. The site loaded just fine. For example, you may want to have a structure like www.yourdomain.com/something/custom-post-name. 1. I select “no sidebar” (i want a full page, its not a post). I have one question about the use of the DIVI blog module and CPTs… And our generator auto-populates the fields, which is super cool! Hi, i created a CPT for pages with the generator but when i create a page with “no sidebar”, i have an error “page not found”, it works if put a sidebar. Thank you for providing this resource and the fantastic CPT generator. Divi Hacks will first look for a page with the slug archive_author_### (### = username of the author). I have a question. I don’t know why they do this, but I guess it is there simply to show how a custom post type can be used and how it can interact with the Divi Theme and Builder. We release a full tutorial every Tuesday! A custom post type allows you to go beyond pages and posts and contain whatever type of content you would like based on your needs. Thanks for the reply. Alternatively, in your search form you can choose Post Type Archive or WooCommerce Shop for your display method. These settings are more for advanced users and developers, so you can usually leave them on the default setting. This is the description of the post type that may be useful in rare cases on an archive page. Finally Divi 4.0 and the Divi Theme Builder have arrived! Select the page you created in the Theme Customizer > Divi Hacks > Custom Search Results Page panel. Annual Membership . Build and customize all your ecommerce pages with Divi’s drag and drop builder. This tutorial will who you how to create and use custom post types in Divi! Don’t foreget, you can use the Divi Theme Builder to design the archive page! Hi Laurence, 1. Is it possible to have an option fullwitdh page? You can access our custom post type generator for free. If already purchased, kindly login to your account to access it. All you have to do is enable the Divi Builder on products and you can build the layout however you want. eplacing ### with the USERNAME of the author. Create a page using the page builder and add the shortcode [dh-archive] where you want the posts to appear.2. Every week, we provide you with new and free Divi layout packs which you can use for your next project. Display search results to the user right at the moment when they type for it. A custom post type is exactly the same as a regular post, just with a different name. So if someone uses a search widget or search module on your site, you can decided if you want to show your new post type in the search results. In the Divi Builder or that page, just add a sidebar module if needed. Tagged Sticky, 404 Page, Divi Archive Page, Custom Post Types, List of Best Divi Tuts from Elegant Themes Blog, Divi 4, Search Results Page, ACF. I don’t know how to make those items show, but I can honestly say that in all my life I have never actually used those settings, so I’m thinking they are pretty useless. Although this is designed for Custom Post Types, I often use it for blog pages and blog archives using the inbuilt ‘posts’ Post Type. Yes, that is probably it, change the key to one word without any dashes or underscores and it will work. For example, if I have a video series… it would be great to have the series and all of the videos in that series grouped together in the blog module. ‘slug’ => ‘yourslug’, This Theme Builder template allows you to build a custom blog post category archive page layout that will be assigned to every archive page displaying post categories. How do you use a custom post type in Divi? Read More. You can send me a message if you want! Hi Victor, When you install Divi, it comes with it’s own custom post type. In the Divi Theme a new custom post type hook was added with an action to link some css. books, reviews, testimonials, team members, portfolios, dogs, catalog, events, news, documentation, etc. where you want the posts to appear on that page, using the same attributes in the table above, and any of the other shortcodes available on custom author archives. 1. Never mind, ended up using CSS to force it into full-width! 1. You can display an archive of your custom post types in Divi in the blog module. Divi has introduced Theme Builder support. From reading the comments would I be right in thinking that the blog module will not recognise the custom posts to pull them in. This allows you to configure how you would like your post type to appear in the back end of WordPress. One page can be the parent of other pages, that can be parents of other pages in a hierarchical fashion. This needs to be one word without any dashes or underscores. How could I achieve that? That enables the Divi builder on all custom post types… Using the page builder, add the shortcode [dh-archive] where you want the posts to appear on that page, using the same attributes in the table above, and any of the other shortcodes available on custom tag archives. Since our plugin’s functionality overlaps with divi’s we’ve decided to cease development on this plugin. Why not use the Divi Builder for the page? You can choose to use the same categories and tags to organize your custom post types that you use for posts. Toolset Types (always needed) – lets you create custom post types, custom fields, and custom taxonomies Toolset Blocks (always needed) – helps you display the lists of your contents, templates, and archives on the front-end, including custom searches for your visitors This is a game-changer! Here are the steps to enable it for Custom Post Types. If you want to take this further, we have a lesson on custom post types and more in our Beyond The Builder course, so consider purchasing that if you build or manage websites with Divi and WordPress. ... pages and certain custom post types: wherever text goes, Divi goes! You can select one post type, or many, the choice is up to you! = shows the number of total posts found in the archive. In part one I created a Custom Post Type using CPT UI and Advanced Custom Fields. Create a page using the page builder and add the shortcode [dh-archive] where you want the posts to appear. Here is a tutorial on creating a child theme. The theme builder uses the exact same modules as above, so you can setup in the same way. When you’re setting up your categories, make sure the category slugs do NOT contain underscores (_).