Search
Close this search box.

How to Create a Custom Blog Post Archive Page in Elementor (Free)

Elementor doesn’t allow using their theme builder and post elements in the free version. Therefore, you can’t build custom archives or singular page templates.

This is a limitation users face when building a blog website using the Elementor free version.

I also faced it when building this website. But the good news is, you don’t have to spend hundreds of bucks to get the solution. It is free.

I will share exactly how I built my custom post archive page using the Elementor free version step by step.

Let’s start.

Table of Contents

#1 Installing the Plugins

To achieve the goal, we need two extra plugins. One is Xpro Elementor Theme Builder and the other is Xpro Elementor Addons.

The Xpro Elementor Theme Builder will give us the option to create custom designs for archive, singular pages along with header and footer.

The Xpro Elementor Addons will provide us with the Post Grid element to show the blog posts on pages.

To install them, Hover on “Plugin” then click on “Add New Plugin“.

Now on the search box paste the text Xpro Elementor Addons. From the result Install and Activate the first two plugins.

add plugins tutorial wordpress

#2 Set the blog page

After installing the plugins, the next step is to set a page as the blog page from the WordPress setting. So when you go to the default blog page, you can see the design.

If you don’t have a page created to use as the blog page, to do that go to ‘Add New Page

Give a name and click on “Publish“.

5676b947 4cb1 4688 8982 8be97745d610

After that hover on “Settings” then click on “Reading“.

5229a844 10f2 43ff 8e91 c916087346aa

Now from the “Post page” dropdown select the page you have created and click on “Save Changes”

97b65138 14ff 4978 90f1 b15ea5d44f27

#3 Create the template

Now that we have everything set up, we can start creating the template.

To create the template hover on “Xpro Addons” from the left then click on “Theme Builder“.

This image has an empty alt attribute; its file name is 7383d3de-e325-479e-b5c1-a3c9b0048546.jpg

After that click on “Add New

7f7f3597 8f62 4f7b 9037 335bf9291dc3

Now give it a name and from the Type of Template” select Archive.

screenshot 2024 04 03 121649 3

Then from “Display On” select Blog/Posts Page.

screenshot 2024 04 03 122353 2

 From User Roles select All and click on Publish.

screenshot 2024 04 03 123657 1

#4 Design the template

To start designing, click on “Edit with Elementor“.

To show the posts as grids type Post grid on the search widget box and click on the widget to insert.

edit post archive with elementor

Now just play with it as you want. There are lots of option to cutsomize the grid. You can choose different layouts. Also you can control the post query, pagination etc.

edit post archive with elementor 1

After all the changes, hit Publish and visit the Blog page to see it live. This is pretty much it.

If you have any questions about the process, feel free to ask. If you have found this article helpful, share with friends.

Share

Twitter
Facebook
LinkedIn
Reddit
Pinterest

Related Posts

Toufique Alahi

Hi there! I enjoy writing about WordPress and sharing my hands-on experiences. I explore new features, tips, and tweaks. Stick around for helpful tutorials and insights!

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.