Get My Free WordPress Beginner Toolkit

I’ll instantly send you my WordPress Beginner Toolkit (PDF) that comes along with all that you need to know as you start your WordPress web design  journey. Intermediate and advanced WordPress users have found it helpful too.

How to Create Category Archive Page Template in Elementor Pro

category-pages-in-elementor

In this blog post, i’ll show you how to create a category archive page template in elementor to showcase your blog archives step by step..

We’ll add a category archive template to an already existing website and I’ll show you how to create a category archive template for different categories/taxonomy types for your Elementor website.

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.

Video: Category Archive Page Template in Elementor Tutorial

Let’s get right to it.

Creating an Archive Template in Elementor

First, you’ll need to get an Elementor Pro licence if you don’t have one already.

In your dashboard, go to Templates > Theme Builder, click Add New to create a new template, choose the template type to be Archive, then give your template a name (mine is Blogs), and click the create template button (00:27)

Category Archive Page Template in Elementor

This will take you to the Elementor templates library where you can view the available archive templates that have already been created by Elementor, but since we’re not using any of them just close that window.

In your editor, add a new section with 2 columns (00:53).

To Read: Create Bespoke Elementor Page Transitions in EPro v3.6

Use Elements Kit Blog Posts Template

There are a couple of options you can use. You can for example go to Elements Kit (01:05) which has some premade sections that are available for you to use. Elements Kit is a free elementor addon that you can install, activate and get access to a number of widgets and templates.

When you find one that you would like to use just click Insert (01:31) to insert it into your page.

Delete the first column you had created then select the new Blog Posts section from Elements Kit, in the Edit Blog Posts area on the left go to Content > Layout, on Layout style set it to Grid with thumb (to show your posts with thumbnails), on Posts per row set 3. Enable the Read more option

On the Query option; set Posts count to 8, select the categories you want, and on Order and Order by you can choose how to display your posts, for example by date, ascending, or descending.

Under the Meta Data option, you can choose what you want to display and make any changes you want.

To Read: Create an Instagram Access Token for Elementor with New Instagram API

Using Elementor Archive Posts Widget

Back to the Widgets area, look for the Elementor Archive Posts widget and drag it to your section (03:25), delete the Elements Kit widget.

Select the Archive Posts widget, in the edit area on the left, under Content > Layout, for Skin select cards,  Columns; 3, on Show image; Yes. Select full for Image Size. under Meta Data you can choose to show the author, date, or comments.

On the Style option, you can make any changes that you see fit, and when you’re done click Update. On the Publish Settings option add a condition; All Archives and save.

A point to note about conditions is that Elementor gives you the option to create archives for the specific categories on your site and specify where you want your template to be displayed, you can do this by selecting your option under Categories.

However in this case we want our template to work for all our archive pages so we select All Archives.

When you’re done creating your archive page, click the update button.

Also Read: Elementor Fade In Background Image on Hover using Premium Addons

In closing

That’s how you can create an archive page including categories and blog post archives for your WordPress/Elementor website.

For any questions, suggestions, or comments, let me know in the comments section below. Remember to subscribe to my newsletter and youtube channel for more tips and tutorials.

Also Read. . .

Leave a Comment

Your email address will not be published.

Reccomended Tools

Get Web Hosting from the best as recommended by WordPress.org

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

Featured In

Wordcamp_Logo
OneYoungWorld_white
New York Mag

Disclaimer: Some of the links on this website are affiliate links and I receive a commission if you make a purchase using them at NO extra cost to you. That way, I’m able to keep this website running

© 2022 GO Tech UG