Tutorials
E
Elementor
16 tutorials
A
AWS Lightsail
Beginner-friendly AWS Lightsail guides
12 tutorials
W
WordPress
12 tutorials
View all tutorials →
Tools
W
Website Platforms & Tools
Tools to build, host, and optimize fast, reliable, and professional websites.
8 tools
W
Web Hosting Providers
Fast, secure web hosting with reliable uptime to power and scale your website.
6 tools
V
VoIP / Communications
Business phone tools with virtual numbers, call routing, and auto-attendants for a professional pres
4 tools
W
Website Security
Security tools to protect your site from threats, malware, and unauthorized access.
2 tools
B
Branding & Logo Design
Create a strong brand identity with custom logo and professional design services.
1 tool
View all tools →

How to Build a Custom Single Post Template in Elementor Pro

Gerry Manzari Written by Gerry Manzari · March 9, 2026 · 1 min read

In this tutorial, I’ll show you how to create and design a custom Single Post Template in Elementor Pro from scratch.

We’ll build the layout step-by-step by adding the Post Title, Featured Image, Post Content, and a Recent Posts section. I’ll also show you how to add custom category breadcrumbs (Parent / Child)

If you’d like the PHP code used for the breadcrumbs, you can find it here.

In this tutorial I use Recent Posts, but if you’d prefer to display Related Posts instead, you can watch my related posts tutorial here:
https://youtu.be/sMTqX4ikH7I

I also use my preconfigured global colors and fonts throughout the tutorial. If you’d like to learn how to set those up first, you can watch this video:
https://youtu.be/SWXZv4JEoDI

This tutorial walks through building the template and refining the design, including spacing adjustments, responsive tablet/mobile layouts, and finishing touches.

If you found this helpful, consider subscribing for more WordPress and Elementor tutorials.

Watch Video

How to Build a Custom Single Post Template in Elementor Pro

YouTubeWatch now →