There are two ways to create a blog page with Elementor. The quick way: create a page called Blog, add a Posts or Loop Grid widget (Pro), and set it as your posts page. The better way for most sites: use the Theme Builder (Pro) to design an Archive template for the blog, categories and search, plus a Single Post template for every article. With free Elementor, design the page around your theme’s built-in blog layout.
- A blog page lists posts; a single post template controls how each article looks.
- Loop Grid lets you design your own post card with image, title, date and excerpt.
- Archive templates apply to the blog, categories, tags and search in one go.
- Keep cards simple: image, title, short excerpt and read time.
- Add pagination or “load more” so older posts stay crawlable.
Which method should you use?
| Method | Needs Pro? | Best for |
|---|---|---|
| Theme’s default blog page | No | Simple sites happy with the theme’s layout |
| Page with Posts or Loop Grid widget | Yes | A custom blog landing page with intro, featured posts and categories |
| Theme Builder Archive template | Yes | Consistent design for blog, category, tag and search pages |
How do you build a blog page with a Loop Grid?
- Create a page called Blog and open it in Elementor.
- Add a hero with an H1 such as “Guides and tips” and one line about what readers will learn.
- Add a Loop Grid widget and click Create Template to design the post card.
- Design the card: Featured Image, Post Title (H2 or H3), Post Info (date or read time) and Post Excerpt, linked to the post.
- Back on the page, set the query: post type Posts, order by date, 9 or 12 per page.
- Set columns: 3 on desktop, 2 on tablet, 1 on mobile.
- Turn on pagination (numbers or load more).
- Publish, then in Settings, Reading, set this page as the Posts page, or leave the reading setting empty if the Loop Grid fully handles the listing.
Full card-design walkthrough: Elementor Loop Grid tutorial.
Live 1-to-1 WordPress and Elementor lessons on your own site, from $40. Every lesson recorded. Beginners welcome.
How do you use an Archive template instead?
- Go to Templates, Theme Builder and add an Archive template.
- Add an Archive Title widget and a Loop Grid or Archive Posts widget.
- Publish with display conditions: All Archives, or just Posts Archive and categories.
- Create a Single Post template for the article layout with title, featured image, content, author box and related posts.
See Elementor archive templates, single post templates and display conditions.
What should a good blog page include?
- A clear H1 and one sentence saying who the blog is for.
- Category links or filters so readers find their topic quickly.
- Consistent cards with real featured images, not random stock clutter.
- A search box for larger blogs.
- A newsletter sign-up or a call to action relevant to your services.
How do you make the blog SEO-friendly?
- Use one H1 on the blog page and H2 or H3 for card titles.
- Write descriptive excerpts; they double as preview text.
- Give featured images meaningful alt text and compress them.
- Set a meta title and description for the blog page in Yoast SEO.
- Link related posts to each other inside the content.
Starting a blog from scratch? Read how to build a blog with WordPress.
Want to learn Elementor faster, live and 1-to-1?
I teach WordPress and Elementor 1-to-1 over Zoom or Google Meet, on your own website, at your pace. Lessons start at $40, every lesson is recorded so you can rewatch it, and you get a short checklist afterwards. Beginners, business owners, students and freelancers are all welcome. See lessons and prices or book a free intro call.
Frequently asked questions
Can I create a blog page with free Elementor?
Not with a custom post grid. Free Elementor relies on your theme blog layout; the Posts and Loop Grid widgets need Pro.
What is the difference between a blog page and an archive template?
A blog page is one page listing posts. An archive template designs the blog, category, tag and search listings together.
How many posts should a blog page show?
Usually 9 or 12 per page with pagination, so the page stays fast.
Why does my Elementor blog page show the theme layout?
If the page is set as the Posts page in Settings, Reading, WordPress may use the theme archive. Use a Theme Builder archive template instead.
How do I design single blog posts in Elementor?
Create a Single Post template in the Theme Builder and set it to apply to all posts.
Sources
Live 1-to-1 WordPress and Elementor lessons on your own site, from $40. Every lesson recorded. Beginners welcome.
More WordPress guides
Rather have an expert run your WordPress site?
Tanvir H is a Bangladesh-based WordPress and Elementor web designer with 7+ years of experience, 650+ projects and a 4.9 client rating. New websites, redesigns, fixes, speed, security and SEO, handled by one expert who explains everything in plain English and works with clients worldwide.
