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)
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
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.