Back to contents

Creating a Single post type template with JetEngine

This tutorial will sort out all about creating a single post type template with JetEngine.

Why do you need a custom post type on your page? Let’s imagine you have a portfolio website and the default fields which are provided while creating a usual post are not enough for you. In this case, JetEngine allows you to create a custom post type where you can add all the fields you need only once and then use this template every time you want to add a new portfolio item.

If you want to learn the way to create a single post template with JetEngine, follow the tutorial below.

Creating custom post type

Step 1 – Open your WordPress Dashboard and click JetEngine > Post Types to open the Custom Post Types List screen. Here you can see a list of post types you have created earlier.

Step 2 – Navigate to the Add New button at the top of the screen to open the Add New Post Type screen.

Step 3 – First of all, you can see a General Information block where you have to fill in the Name field. Let it be Portfolio.

Step 4 – Move on to the Slug text field where you have to write in the slug which will appear the URL field of your browser. In our case, it will be Portfolio.

Step 5 – Proceed to the Labels block and click the Edit button on the right to reveal the additional options. Here you are able to set your own labels instead of the default ones. E.g., we type in Add New Portfolio Item instead of Add New.

Step 6 – Moving on to the Settings block you can notice the crucial settings for the new custom post that you’re creating. Toggle the Is Public option in order for the custom post type be visible to all website visitors.

Step 7 – Enable the Publicly Queryable option in order to make the post visible on frontend and allow it for being queried.

Step 8 – Use the Show Admin UI option in order to be able to access this post type from dashboard top panel on the frontend.

Step 9 – If you want a new post type to be added to the Dashboard on the backend, toggle the Show in Nav Menu option to Yes.

Step 10Show in Rest API allows you to use Gutenberg Editor for your custom post type if you need it.

Step 11 – Empower the Register Query Var option to be able to query the custom posts using different criteria and using one link.

Step 12 – In case you want to be able to rewrite the custom post in the future, use the Rewrite option.

Step 13 – In case the post slug is empty, you can use the additional slug which you have to write in the Rewrite Slug text field.

Step 14 – You can set the type of capability assigned to this particular custom type in the Capability Type option.

Step 15 – Toggle the Has Archive option to Yes in order to be able to showcase the posts of this type in the archive.

Step 16 – To be able to create subitems, just enable the Hierarchical option.

Step 17 – Specify the position in the menu from 10 to 100 which will be reflected in your Dashboard in the Menu Position.

Step 18 – Select the Menu Icon which will be displayed next to Custom Post Type menu option on the Dashboard with the help of Icon Picker tool.

Step 19 – The Supports option allows you to specify the elements that you’ll be able to customize while creating the post of your new custom post type. The Title and Editor are the default ones. Let’s also add the Comments, Author, Thumbnail options.

Step 20 – What you have to do now is to move further down and create the new meta fields. We can display any additional text, date, time, date and time, add a text area, a switcher, a checkbox, an iconpicker, a media, the radio, the repeater, the select and a colorpicker. If we want to attach a link, it’s a good idea to create a text meta field.

Step 21 – Give it a title Link in the Title field, then assign it an ID link and finally choose the Type of the meta field as text.

Step 22 – The next field we want to create is for an icon. To do so, click the New Meta Field button and let’s add a media item. Choose the Type as Media, give it a Name Photo and assign it a Title Photo.

Step 23 – Now we are almost done. Scroll up and click the Add Post Type button to finish the process.

Step 24 – Now, look at the WordPress navigation sidebar on the left and find your new Portfolio post type. Hover over the new menu option and click the Create New Portfolio Item option. Fill all the fields with the needed information, publish it and that’s it!

Congrats! Now you can create single post types on your own.