Using Custom Post Types, you can build different kinds of websites. 

Along with Elementor, you can use some plugins which help you manage custom post types and create custom content for your needs. 


Note: To be able to create templates for your custom post types, you need to use Elementor Pro version.

What Are Custom Post Types?

Post Types are “types of content”, grouped in a structured way within WordPress. 

The most common post types in WordPress are Posts and Pages. Posts are time-based listings while Pages are hierarchical in structure, with Parent > Child relationships. Pages use Page Templates for display and Posts do not, they use categories and tags to organize the posts.

You may want to build some custom content that is not related to the default WordPress or Jupiter X post types. In this case you can create your own Custom Post Types.



Note: Jupiter X provides only one custom post type – Portfolio. More information about it, you can find in this article.

Create Custom Post Types With Plugins

There are some plugins you can use to create a custom post type:

  • CPT UI. This is one of the most popular plugins for adding custom post type. Also the plugin Advanced Custom Fields can be used with it to add custom fields. ACF plugin is already bundled in the theme.
  • Toolset TypesAnother plugin to create custom post types. Toolset has a wider range of solutions than other plugins. For example, you can use it to create an advanced search form for your custom post types.
  • PodsThis plugin gives you the ability to add custom content that includes custom post types and custom fields.


Note: You can also create a custom post type using JetEngine plugin which is bundled in the theme and you can install it via Jupiter X control panel. Refer to the plugin documentation to get more info.


We describe the use of CPT UI plugin.

1. To install the plugin, you can follow the instruction that is suitable for any free 3rd-party plugins and described here.

2. Once you installed CPT UI, go to the CPT UI dashboard on the left side of your dashboard and fill in all the required fields, for example:

Post type slug: employees
Plural label: Employees (notice the capital E)
Singular label: Employee

3. Under Additional labels you can customize the names of other native WordPress fields, but for this example we’ll leave it as the default. You can also read CPT UI documentation.

4. Under Built-in taxonomies setting, check Categories and Tags, so you can order your posts under parent categories and a user will be able to browse through posts using tags and categories.

5. Once you configured the settings, just click Add post type button. 


You’ll see a CPT label appearing as a new WordPress dashboard item.

Click on it, and you’ll see it behaves the same as Posts and Pages, and you can create a new Employee item. 

The next step is to add custom fields to make CPT structure different from posts and pages.



Note: Under Dashboard > Elementor > Settings, make sure your post type (like Employees) is checked as a supported CPT. This way Elementor page builder will be enabled on the custom post type you created.

Create Custom Fields Using ACF

Advanced Custom Fields plugin is already bundled in the theme and can be installedvia Jupiter X Control Panel.

1. In the WordPress dashboard, under ‘Custom Fields’, add a new custom field and call it ‘Employees Settings’, for example.

2. Set Field Label to ‘Position’ or any other name you need. The field name will automatically get filled as ‘position’.

3. Set the Field Type to ‘Text area’.

4. Under Location, set a rule to show this field group if Post Type is equal to Employees (select the post type you created).

To find out what field type to use and to learn the other settings of ACF, refer to their documentation.

Create Demo Content

To add content to a custom post type:

 1. Go to your custom post type from the Dashboard menu on the left and click on Add New

2. Add atitle to your post and create some content. You can use Elementor page builder to add any widget to a post.



Note:
 Under Dashboard > Elementor > Settings, make sure your post type (like Employees) is checked as a supported CPT. This way Elementor page builder will be enabled on the custom post type you created.

Under the custom Position field add the position for your employee, separating each position with a new line.

Displaying CPT Content in Single & Archive Templates

You can create Archive and Single Post templates for your Custom Post Types.

Create a single page Template for a Custom Post Type

You can use Elementor page builder to create a single post template for a custom post type, but to achieve this you need Pro version of Elementor.
Here is a tutorial how to create a single template and how to style it.

Create an Archive Page Template For a Custom Post Type

With Elementor Pro version you can also create an archive page for your custom post type where all post items will be listed as on the Blog page. Refer to this article.



Displaying Jupiter X Post Options in a Single Custom Post Type Editor

When creating a post for a custom post type, you may notice there is no Post Options section as on the pages, blog and portfolio posts where you can change the page layout, edit header/footer, etc.

But you can implement it with custom code shown below adding it in functions.phpfile of your child theme:

add_filter( 'jupiterx_post_options_post_types', 'my_new_jupiterx_metaboxes' );

function my_new_jupiterx_metaboxes( $post_types ) {

$post_types[] = 'my_post_type_slug';

return $post_types;
}

where my_post_type_slug should be replaced with a slug of your custom post type.
After that Post Options will appear in a single editor of a custom post type and you’ll be able to change settings for each post.


Note:
 This code block adds the meta options for defined custom post type but some meta options may not work for some custom post types because of some technical limitations (for example it’s not possible to set sidebar for single product page via this Post Options section). Other options will work fine.