Dynamic Web Portfolio Series (4/9): Create Custom Taxonomies and Terms in Jet Engine

In this part of the dynamic web portfolio series, I’m going to be showing you how to create custom taxonomies and terms in Jet Engine.

Taxonomies help you to group or classify your content in a certain way, using terms.

To explain this in lay language;

You could have for example a Taxonomy of Houses, and under it, you could have the houses classified under flats, bungalows, condos, etc, these are the Terms.

bgZ8dtH9mGahh1v oaAmI6luT H0ewxfKdasQQliuFoWlB4XWU0HckFRqMQVCusxfU5JT OrsYpBuGABv5 D4dqJotnlAEGHWLMBH66EtP0z0hbUZJhfK MUOk3VXG2TGjk Gis9WjpbdS2aCg

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.

Create a Taxonomy in Jet Engine

To get started on this:

Go to your website’s dashboard, under JetEngine > Taxonomies > Add New.

In the General Settings, go to Taxonomy Name and add Category, under Taxonomy Slug add project-category, and for the Post Type select Portfolio.

Go to Advanced Settings, scroll down and enable the Hierarchical option.

creating taxonomies and terms in Jet Engine

Add Custom Meta Field for your Taxonomy

Under Meta Fields click the New Meta Field button and add these details;

Label = Thumbnail

Name/ID = thumbnail

Object Type = Field

Field Type = Media

Value Format = Media ID

Description = Add a featured image for this term

Field Width = 100%

When you’re done, click the Add Taxonomy button (41:49)

iPsDUNJLuvR asSEBGjxQVpPOlotsfYiuN7MXSsWYHzCCM1JBYJuVKgZ

When you reload your page and go over to Portfolio, the Category taxonomy will now be showing (42:00). yXjxmH8wJP9IR5 76EzlEP2v5QlCu0kLceI33N4qDA npkLuDXb6ZtHEkGZe4MUM6xZLVK1QfjKrR5TA8lmxgoZpEp5yRm2CU88r ZYbcWlsOm2 oww3UaCbNvUTg96NKTfy4J5dszpq r7OFw

Click on Category to open it up and start adding new categories/terms:

Name = Branding

Slug = branding

Leave everything else on default and click the Add New Category button.

Next term;

Name = Featured

Slug = featured

Leave everything else on default and click the Add New Category button.

Repeat the steps and add the next two terms; Recent and Web Design (43:02)

eBXty l7kRBgdoSbfjsZBcBJftVa3rbSQEQ3HswmprN8Dd3tYuLWwUCvZPyxv3pi24ccGciSP6TarrS7zo6D8THvNlhtlxUa DTgEgPL3OvHmhurYrCigxL uX93GTmLOZQb Xg4qBpIhTHjZA

And now you or your user can be able to add projects under these categories or terms to classify or group them.

You can also add a thumbnail for your category if you want.

Add Content to your Web Portfolio

Let’s now add content to our portfolio and see how well it works.

Back under Portfolio > Add New 

Add the Title for the project; Sports Rise, Soccer School Inc under Client.

Under Project Type select web design and brand guideline

For Duration add 7 weeks

Add 3800 for Cost, this has to be in dollars

Under Homepage add the project URL; rise.com, and under Project Description paste in your content, remember you can be able to style it because you’re using the text editor.

Under Theme add Astra

Select Elementor page builder and Rank Math under Plugin, then select Adobe Illustrator and Figma under Software.

Under Gallery add your project images from the Media Library or upload them.

Go to Set featured image on the right and add an image

Under Category, select the Branding, Recent and Web design options.

When you’re done click the Publish button (47:16)

3E74uy9a1RhjAvSIaao1hwA5kqi3uaz8xHfrxWnTXwVgrKT5cL2U6eD6Z443PKPSzw0ijoKADb2eOzTrKk1cnS1TEBidmNH5Plmr2lhZhTkWI38

When you preview your changes, our content doesn’t show on the front end (47:29). This is because our current theme doesn’t understand the content. 

z00RN3 jo FiAIDukMV1C3UmWr4w5ysUr9IR1gwgN51OkFtKvvJiqFY0 C7VJo2X9CCJSXJJXwhsppOx ecQoYnU4EdyJ27XzRFUa5jAtCtYtElP3j3la7Ee S NAmZ0BKk HBKvQnr0akISRg

For this reason, we need to create a single page template to display the content.

However, before doing this, we need to create a listing so that when one clicks on it they can access the project. This is what I’m going to show you how to do in the next part of the web portfolio series.

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