In the first part of the dynamic web portfolio series, I showed you the kind of portfolio we will create using Elementor Pro and Jet Engine.
In this part, we’re going to take the first step to get our portfolio, and that is by having to create custom post types with Jet Engine.
A custom post type enables you to build different kinds of websites like property listing sites, hotel sites, car listing sites etc.
I’m going to show you how to create a portfolio website to showcase your work on your website.
The reason we use custom post types instead of the normal post types (Posts or Pages), is because the normal post types in WordPress are limited and do not enable you to add all the features you may want to add to your website as we’ll see in this tutorial.
Note: the digits in brackets e.g. (00:02) indicate the minutes of that exact explanation in the video so you can easily jump to that section and follow along.
At this stage of the tutorial, you should be having your plugins installed and active already, that is, Elementor, Elementor Pro and Jet Engine.
But just in case you don’t, get this done by logging into your WordPress website’s backend and go to Plugins > Add New, install and activate the required plugins.
Create Custom Post Type in Jet Engine
With your Elementor and JetEngine installed and activated, go to JetEngine > Post Types on the dashboard to create a custom post type (07:14)
Under post types click Add New, give it a Post Type Name and Slug; ‘Projects’ (09:51), leave everything on default under Labels.
Under Advanced Settings go to Menu Position and set where you want the post type to appear on the menu, enter number 3.
Under Menu Icon choose an icon you want.
Under Supports, you can choose whether the post type will support the Title or Editor features. Under the normal WordPress post types, when you go to Posts > Add New, by default you have the option to Add a title and Start writing or type (10:58), you have the Excerpt and Featured Image options too.
However in this case, for our custom post type delete the Editor and just leave the Title, then go to Select Option and add the Thumbnail/featured image (11:34)
When you’re done click the Add Post Type button on the right, and your new post type ‘Projects’ will appear on the dashboard menu (11:56)
When you click Add New, a new page is opened up, with the options to add your project title as well as a featured image, just like we set it up (12:16)
Rename your Custom Post Type
If for some reason you need to edit or change the name of a custom post type you had already created, for example, we want to change ‘Projects’ to ‘Portfolio’.
To do this go to JetEngine > Post Types, click Edit under Actions on the Projects post type (13:37)
Change the Post Type Name and Post Type Slug to Portfolio.
In case you had already added projects to your custom post type, enable the Update Posts option, then go down to the Rewrite Slug option and rename it to portfolio too and when you’re done, click the Update Post Type button (14:11)
On your dashboard still, go to Settings > Permalinks, check the Post name option, then Save changes (15:38)
Tip:
To visit your custom post type URL, just use your website URL forward-slash (/) portfolio (go-tuts.com/portfolio)
In closing
That’s how you can create a custom post type and customize it to suit your website needs using Jet Engine. In the next part, we’ll learn how to create meta fields for our portfolio.
For any questions or comments about this or any other tutorial, let me know in the comments section below. Don’t forget to subscribe to my newsletter and youtube channel for more of these tips and tutorials.
