Monday, June 14Digital Marketing Journals

How to Create a Categorized Portfolio


In this article, I will help you add a portfolio page to your website with the help of Elementor Page Builder. Also for this, you need to check to see if you have JetElements plugin installed. This is a multifunctional WordPress Elementor theme add-on which contains the very widget we will need today. If you’re all packed and ready, let’s proceed.

  1. Open Elementor and look for the Portfolio widget in the search field over on the left.
  2. Grab it and drop it on a new section.
  3. It will give you a basic layout consisting of six sections.
  4. On the left, you will see Content Settings. Here you have a number of options for the layout: masonry, grid, justify, and list.
    layout type grid
  5. Under this block of settings you will see the Items tab where you can add the images.
    items tab add images
  6. The next step is customizing every single item in the Items tab.
  7. Here you can change images, titles, and descriptions as well as make every item clickable.
  8. Then you will be able to add links and activate two options: open the link in a new window and add nofollow.
  9. Also here, you have a category field where you can type in the name of the category that this portfolio will have.
  10. After naming this category, you will see a filter pop up at the top of your images. Please note, you can add several categories to one image. Just separate multiple categories with a comma.
  11. Now go back to the Settings tab.
  12. You will see the Preset option. It helps you choose the style preset that applies to your portfolio items. It can be seen once you hover over the item. This widget offers you four options – try each of the options and choose the one you like the most.
  13. Then you can proceed with the other fields of the block. Depending on the layout type you’ve chosen, there will appear different settings. For example, for masonry and grid you can set a certain number of columns, for justify you can set the item height, and for the list you won’t see any additional settings.
  14. The next step is the View More button. It is a feature that allows you to hide a number of items. If you have too many items and want to save some space on the page, you can set the value for the number of items per page.
  15. However, remember that it shouldn’t be fewer than the total number of items in your portfolio.
  16. In addition, you can change the name of the button.
  17. Now you can go to the Style section to style up your portfolio.
    style up portfolio
  18. In the first block, you can increase or decrease the item margin, set the border radius, the border type, and padding.
  19. Then move to the filters settings. They include different filters container settings and filters items styles.
  20. The latter option offers you to choose a separator icon and edit its parameters.
  21. Lower, you will see the style settings for the links themselves (color, typography, and so on).
  22. The next tab is called Content. It is all about the portfolio items.
  23. Here you can change various parameters of the container, image, title, description, button, and set their order. Also, there are settings for the category, including the option for showing the category list on the items.
  24. And the last tab of the Style section is your View More button. It allows you to customize its color, typography, and size.


As soon as Elementor has entered the market, web users have got more opportunities for manipulations with their websites. Do you plan to create a blog, portfolio, or striking gallery? Now, it is as easy as pie with Elementor Page Builder. However, if you need more tools in addition to the content editor, you’ll want to come with ONE by TemplateMonster. This is an ultimate subscription service supplied with more than 8,500 items you can use with no limits.

The entire set of WordPress themes, plugins, graphics, HTML, and eCommerce templates will cost you $19 monthly. But if you a regular MonsterPost reader, you may rely on lower price. Use promo code BecomeThe1 and get a 5% discount.


Top 9 Elementor Portfolio Category Themes

Elementor doesn’t require coding. You can work according to the same scheme that has become common thanks to the visual editors. Thus, both beginners and experienced developers can access technically easy-to-implement customization of designs on a truly unique level.

reliale bluehost hosting with a discount

Hazel – Clean Minimalist Elementor Portfolio WordPress Theme

Hazel – Clean Minimalist Elementor Portfolio WordPress Theme

It’s a richly designed theme with a responsive and friendly layout. It comes with Elementor, WooCommerce, and SEO plugins. The color scheme perfectly suits this WP theme, and the design doesn’t look clumsy. People will be pleased to visit such a site. The navigation is simple and quite understandable. There are many blocks for various categories, fields for brands, the latest blog posts, and much more. Sliders, menus, visual elements, nicely stylized icons, intelligible fonts – everything looks great.


Intech – IT And Technology Elementor Portfolio WordPress Theme

Intech – IT And Technology Elementor Portfolio WordPress Theme

It is a friendly looking theme based on which you can make a portfolio of an IT company. The full-screen slider looks impressive. There are also buttons to attach, for example, links to the site’s categories. The main menu is multilevel. The main page positions the services, demonstrates a gallery, shows statistics of your work and your project’s creative team. The footer is laconic. Everything is designed in a similar style. There are pre-made blog layouts, a contact page, and of course, a portfolio with categories. A simple, friendly theme that can highlight the grace of your content.


Themex – Multipurpose Responsive Elementor Portfolio WordPress Theme

Themex – Multipurpose Responsive Elementor Portfolio WordPress Theme

It is a stylish responsive theme for the presentation of various agencies, freelancers, and companies. In general, to promote your services. Calm tones and large, easily readable fonts: the style gives a strong impression but is not dull. The header looks modern. The main page structure is standard: services, benefits, examples of work, statistics, reviews, partner branding. It looks lively and clean. By the way, if you like the theme, you can put together a similar site using similar WP themes from the “One” subscription.


ProIndustry – Industrial Elementor Portfolio WordPress Theme

ProIndustry – Industrial Elementor Portfolio WordPress Theme

It is a spectacular responsive theme that can be used for an industrial business website or portfolio. The design is lightweight, loads quickly, and at the same time looks impressive: multiple animations, parallax, and stylized graphic elements. With Elementor, you can make it even more unique. The theme has many varieties of demo content. It’s also friendly with all the plugins you need and is SEO-optimized. It contains many built-in design settings, as well as an interface for easy translation into other languages.


Financial Bureau – Finance Elementor Portfolio WordPress Theme

Financial Bureau – Finance Elementor Portfolio WordPress Theme

Cool responsive theme that captures the atmosphere of the business. You can make a presentation of the team and a blog with news and announcements. This WP theme is multipage, with a convenient menu and a cool slider to present events. Blog posts with information and galleries with images – everything a potential visitor might need is present. There are many different sections for design and structure settings. It is an excellent theme in its niche.


Digo – SEO Agency Elementor Portfolio WordPress Theme

Digo – SEO Agency Elementor Portfolio WordPress Theme

Several headers and footers design options, a timeline, valid source code, few blog layouts, and much more await the owner of this beautiful website theme. Thanks to the integrated fonts from Google, the texts on the site’s pages will always be readable, which will attract a vast number of users looking for information. Therefore, this theme takes place among the top WP themes for the Elementor page builder.


Seoico – Digital Marketing Elementor Portfolio WordPress Theme

Seoico – Digital Marketing Elementor Portfolio WordPress Theme

A ready-to-use WordPress theme for Elementor will make your marketing website look unique. This WP theme’s main feature is that you can add content without changing the leading site’s structure. This WP theme has ready-made pages, and it’s relatively easy to use and customize. It doesn’t require programming skills. It’s an excellent solution for those who want to create their website quickly. The design has ready-made layouts, on which it’s enough to place your content and present your customers with your new website.


Kanter – Corporate Agency Elementor Portfolio WordPress Theme

Kanter – Corporate Agency Elementor Portfolio WordPress Theme

It’s a bright theme for the website of a corporate agency. It has many tools for professional project customization. Inside there is the Elementor page builder. The minimalistic design of this theme attracts attention from first sight. The theme package has functionality for creating a landing page. Get this solution and enjoy its power. This solution consists of a set of pages that will help you quickly customize the resource for yourself. It’s easy to use with any WordPress experience.


Techit – IT Consultant Elementor Portfolio WordPress Theme

Techit – IT Consultant Elementor Portfolio WordPress Theme

It’s an excellent solution for a consultant agency. It contains the ability to create content that can be imported to any page on the site. To work with this type of theme, you need to use a WordPress CMS. The solution will allow you to create a website for corporate usage. It’s important to remember that the solution requires a new WordPress engine for the Elementor plugin to work correctly.


Final Word

And that’s it – you’re done with the styling of your portfolio! Now you know how to add a portfolio and customize it with the help of JetElements plugin. Thank you for reading and I hope you enjoyed it!


elementor wordpress plugins

Top 5 Elementor Themes



Read Also

How To Create And Shape Up Your Portfolio With Elementor Builder

JetElements: Build a Better Website With Our New Elementor Add-on

Elementor Tip: Pie Chart Circle Progress on WordPress with Elementor Page Builder

30 Cool and Inspiring Portfolio Designs


Don’t miss out these all-time favourites

  1. The best hosting for a WordPress website. Tap our link to get the best price on the market with 30% off. If Bluehost didn’t impress you check out other alternatives.
  2. Website Installation service – to get your template up and running within just 6 hours without hassle. No minute is wasted and the work is going.
  3. ONE Membership – to download unlimited number of WordPress themes, plugins, ppt and other products within one license. Since bigger is always better.
  4. Ready-to-Use Website service is the ultimate solution that includes full template installation & configuration, content integration, implementation of must-have plugins, security features and Extended on-page SEO optimization. A team of developers will do all the work for you.
  5. Must-Have WordPress Plugins – to get the most essential plugins for your website in one bundle. All plugins will be installed, activated and checked for proper functioning. 
  6. Finest Stock Images for Websites – to create amazing visuals. You’ll get access to Depositphotos.com to choose 15 images with unlimited topic and size selection.
  7. SSL Certificate Creation service – to get the absolute trust of your website visitors. Comodo Certificate is the most reliable https protocol that ensures users data safety against cyber attacks. 
  8. Website speed optimization service – to increase UX of your site and get a better Google PageSpeed score.

Leave a Reply