How to Create a Custom Category Template in WordPress with Elementor

If you run a large dynamic website, putting together the articles by category is a great idea since it allows your visitors to find an article more easily. For instance, if you run a travel-related website, you can create categories like destination, travel story, and so on. Visitors who are looking for a tourist destination reference can simply go to the destination category.

Depending on the theme you use. Some WordPress themes, especially newspaper themes sold on Themeforest like Newspaper by tagDiv, allow you to customize the look of the category template.

If you have fallen in love with the WordPress theme you are currently using, yet not too impressed with the look of the category template, you can create a custom category template to replace it. Don’t worry, you don’t have to be master in PHP or CSS to create a custom category template. You can even do so without coding with Elementor.

Note: Theme Builder is only available on Elementor Pro. Find the differences between Elementor Free vs Elementor Pro.

How to create a custom category template with Elementor

In order to be able to create a custom category template without coding in WordPress with Elementor, you need to use the pro version. The pro version of Elementor comes with a Theme Builder feature which you will need to create a custom category page.

There are two ways to create a custom category page in WordPress using Elementor. First, you can create one from scratch. Second, you can use one of the available templates offered by Elementor. This example will show you how to create a custom category template from a template.

By the way, the following are the widgets offered by Elementor Pro to work on a custom category page.

  • Archive Title
  • Archive Posts
  • Author Box

Of course, you can also add other widgets/elements to your category page according to your needs.

Let’s get started.

  • Login to your WordPress dashboard and go to Templates -> Theme Builder.
  • On the Theme Builder page, go to the Archive tab and click the Add New button to create a new template.
  • On the appearing pop-up, give your template a name and click the CREATE TEMPLATE button.
  • As mentioned earlier, we will create the custom category template from a template instead of from scratch. So, select one of the available templates on the template library and click the Insert button to take it to the Elementor editor.
  • Once the template is loaded to the Elementor editor, click the PUBLISH button on the bottom side of the left panel.
  • Next, you will be asked to set the display condition. Click the ADD CONDITION button to add one.
  • Specify where you want your template to be applied to. If you want it to be applied to all categories on your website, simply select Categories from the dropdown menu. If you want it to be applied to a specific category, you can specify the category you want on the selector on the right side. Click the SAVE & CLOSE button once you are done specifying the category.

How to customize the category template

If you create a custom category template from a template instead of from scratch, everything is determined by the template creator, the Elementor team in this case. If there are some parts you want to change or remove, you can do so.

Each template consists of several sections, which you can find via the Navigator.

On the screenshot above, the template consists of three sections. Each section hosts the widgets used on the template. You can see what widgets inside a section by clicking the tiny arrow icon.

To delete a section or widget, you can right-click and select Delete. If you want to customize a widget, you can activate (by clicking it) the widget you want to customize and go to the left panel to start customizing.

There are lots of options you can set. To change things like typography options, color options, background, and other styling options, you can go to the Style tab. Just play around with the left panel until you get satisfied with the result.

Leave a Reply

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

Pin It on Pinterest

Share This