How to create Custom Post Type in Jupiter X

Updated on May 14, 2020

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: In order to create templates for your custom post types, you need to use check this article.  

What Are Custom Post Types?

Post Types is a term used to refer to different types of content in a WordPress site.

WordPress by default comes with the following types:

  • Post
  • Page
  • Attachment
  • Revision
  • Nav Menu

You may want to build some custom content with custom URLs that are 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 by default. However, you can create as many post types as you want using custom coding or third-party plugins. More information about it, you can find in this article.

Create Custom Post Types With JetEngine

JetEngine is the ultimate plugin to create and manage custom post types in any WordPress theme, here is how it works in JupiterX

  1. Install and activate JetEngine plugin from JupiterX control panel > Plugins
  2. Navigate to WordPress dashboard JetEngine > Post types

On this window you will see options to create new custom post types or view existing post types you already created them:

3. Click Add new button to create new custom post type, and a new screen with the custom post type configuration will appear.

General setting – here you have to provide the name of your post type and the slug

Labels – this setting is for labeling your post type in the different areas of the WordPress, here you can define settings such is a singular name, adding new item name, name in search, default featured image and other labels

Advanced Settings – you will be able to configure settings, such as publicity, appearance in the admin menu/ nav menu, a rewritten slug, capability type, a menu icon, select which default field types the custom post type should support (e.g., you can choose the Title, Editor, Comments, Thumbnail, etc.)

Meta fields – in this field you can define custom meta fields for your CPT, To learn more about creating different types of meta fields for the CPT take a look at this tutorial.

Admin Columns – This option provides the ability to add additional admin columns to the custom post type, it will be displayed in the WordPress dashboard

4. Once you configure all these settings click on the Add post type button, new post type will appear in the WordPress dashboard menu

In-depth review and step by step process including video tutorials about JetEngine custom post types can be found at authors website here.

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.

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 on this example, we’ll leave it as the default. You can also read CPT UI documentation.

4. Under the 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 installed via 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. for more information please 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.

You just need to enable the custom post type in Jupiter X -> Control Panel -> Settings to be able to see these options. 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.

 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.

Did this answer your question?