Procedure for adding custom post type and enabling it for use

I wanted to outline the procedure for creating a custom post type and using it with Enfold theme. So here it goes.

Here’s how to create a custom post type in Enfold and use it for storing, categorizing and displaying galleries (photo galleries in my case). I wanted to use the portfolio type solely for my projects and needed to have another post type for galleries. And I wanted to keep the taxonomies separate as well.

So below I have described the process for creating a CPT using a plugin and modifying the functions.php file to include some code to use the CPT. All this is based on the support I received from the Enfold team so my contribution is simply to bring it all together in one place. With many thanks to the support team, I hope you find it useful.

Install a plugin that lets you create custom post types (CPT). I used Types. Once installed, go to it and click Add Custom Post Type button.

You will be taken to Add Custom Post Type screen. This is where you define your CPT. Here’s what I did.

See Screen 1:

You could name these as you like but keep the names handy as you’ll use them later in the functions.php file.

Once you have defined the CPT, you can scroll down to set additional settings. Make sure the profile is public and tags taxonomy is selected.

Save the custom post.

You’ll back at the main page of the Types plugin.

Next click Add Custom Taxonomy button to create categories so you can categorize your work.

Type you categories names at the Add New Taxonomy screen. See this example:

Screen 2

Once you have defined your taxonomies, you can save them and get back out to the main screen.

You should have something like this:

Screen 3

Let’s now make changes to the functions.php file so we can use this CPT. I’ve used a child theme so the changes are made there.

Add this code to the file:

/* to support displaying custom post types */

add_theme_support(‘add_avia_builder_post_type_option’);
add_theme_support(‘avia_template_builder_custom_post_type_grid’);

/* to display advanced portfolio setting */

add_filter(‘avf_builder_boxes’,’enable_boxes_on_posts’);
function enable_boxes_on_posts($boxes) {
$boxes[] = array( ‘title’ =>__(‘Avia Layout Builder’,’avia_framework’ ), ‘id’=>’avia_builder’, ‘page’=>array(‘portfolio’, ‘page’, ‘post’,’gallery-items’), ‘context’=>’normal’, ‘expandable’=>true );
$boxes[] = array( ‘title’ =>__(‘Layout’,’avia_framework’ ), ‘id’=>’layout’, ‘page’=>array(‘portfolio’, ‘page’, ‘post’, ‘gallery-items’), ‘context’=>’side’, ‘priority’=>’low’);
$boxes[] = array( ‘title’ =>__(‘Additional Portfolio Settings’,’avia_framework’ ), ‘id’=>’preview’, ‘page’=>array(‘portfolio’, ‘gallery-items’), ‘context’=>’normal’, ‘priority’=>’high’ );

return $boxes;
}`

Notice the “gallery-items”? They are the same we created earlier. The code also enables the Advanced Layout Editor. Save the file. That’s it.

Now once all this is done, just create a gallery item from the Gallery Items on the left side.

In order to display the contents in this CPT and the categories, choose your desired portfolio or masonry in a page and you’ll be presented the with some additional choices. See Below:

Screen 4

Now you can choose to display the post type so you can choose the newly created CPT (Gallery Items) and Gallery Categories.

You have now duplicated the portfolio post type and all its features.

Keep in mind that if you have existing content that used categories, you may have to change some settings, especially the categories and post types in order for them to display properly.

Hope you have fun and find this useful.

Regards,

• This topic was modified 9 years, 9 months ago by Tameez. Reason: Some html coding issue