Dynamic Web Portfolio Series (2/9): Create Custom Post Type in Jet Engine

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)

4fPQk036xpatcBHrfG2OUKokI2MS0eFzjcTa0KU1BoLQtFL1GQyMLnH4ecaDUjdw5JwpbSUm0osvf9zfL4nF6hm6s9kHNVqVuFCkaOsGziZbvbx6y9gN KEo9JhgqXUT4oytbuddH5SriKdA3g

Under post types click Add New, give it a Post Type Name and Slug; ‘Projects’ (09:51), leave everything on default under Labels.

Creating Custom Post Type in Jet Engine

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.

aQp1ej iSV6QPltx lhWC1KklozbI7DEIRrdyTjbjFqhD5MWCO0alnkH5Egt14HPTBLX v3pqbMCmIJ bHlCmYaA0BUghiChpE2fuElQCwmgWcB5gaAsNMzgOBuIrvgPkVHWF42ycbARgP2 w

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)

kR0jZ0YmgNMp6Cxrk3ofuaZDKPik5HEI

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)

A2Mt5WHM5QvXFwx7hY 4Fz XFg EuPdfG4Dzn4mOivA2u3ayoOl yya DtLl1cgZ483rlObQhvzlXyAHVO 3BVJ7MlbWu44LPpFa1AK E19jG3zPkeNlcAsGTy0zcyWPW TQjv6lvoLBPO8riQ

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)

lE4D2us6w9n2O5hSvAww2OErBdzwh AqySUdfXqSCpvBAS4pY7t2QTMJso3yOGzbMMK8pUKhFxwQwgGFkCW3EXjdb3rgbXVwRm7 EzRVBNyftpiV8FcSQEFPUCP9PuW4YFFLdDU57RZ2OiCmIg

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)

A8IISXhgEVyRv2wwPzbKqFzK4dC5RcRDb06 Ms BrJYlpv 0iLo7PObmhruGmlvH MNZOe36fXCfaWhIuNc4kNsNK E5FMSczOaUrXE agnx991r7HcX06qdUF7JtcYavIBHuTL UMqQQXqkJA

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)

BUeOt6ob PSYaLmOxzfNG2tfv2z GbVhvYA14FnK7 gWDejkWEf2l8NN5xUQoDqaH8qezOsVa8fcDeRv4 EDSn079HV23jzrFzyS25tOrBB0yyo9yoNpmbt46bnlLpzcDUZ8jU7VqnqutJfwOQ

On your dashboard still, go to Settings > Permalinks, check the Post name option, then Save changes (15:38)

iqO03Tg4XWfJzmeK1I6MbENx6e3xVYMHivW14csDHb8kvwOZN9ZQwSFeMNCE3Ij1goZCSTcdJVWg4EbIbq8d4zIdM 6JOt6WW508zt74L4JrK79qqY8a4JikzSN4APz4jU6F3aUPD NtEBB1fA

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.

Also Read. . .

How To Delete A Facebook Group in 2024?

Facebook allows for group interactions through its Facebook groups feature.  Facebook groups are created for specific reasons and attract like-minded people.  At some point, however, you may need to get rid of the group for

Read More »
Newsletter Subscription (EF)
Picture of Hamza
Hamza
Hamza comes from a design background with over 10years of experience in Web and Media design. He enjoys making web design videos on his YouTube channel GoTechUG. He also writes web design articles on this website. In his free time, Hamza loves riding a bicycle, swimming or going hiking.

Leave a Comment

Your email address will not be published. Required fields are marked *

Search

Recommended Tools

Hostinger offers premium WordPress hosting for small and medium size websites at an affordable price rated 4.5/5 on Trustpilot

Elementor is the WordPress most popular page builder with over 10 million active users