In this tutorial, I’ll show you how to create a single elementor blog post page template. The single blog template design can easily be created by dragging and dropping elements to the canvas like the featured image, post content, author bio, content section among others. Set the display conditions and you’ll be good to go.
To get started creating your single blog post template, you need to have the pro version of elementor then you’ll have access to the elementor theme builder to enable you to create several site parts from singles to archive templates to headers and footers in elementor.
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: Creating a Single Elementor Blog Post Page Template Sec: 13
Using the Elementor Theme Builder To Create a Single Blog Post Template
In your WordPress dashboard, go to Elementor > Templates > Theme Builder, here click the Add New button to create a new template (00:19). In the new template window, select the template type to be single, post type; post and give the template a name; single, then click create template.
Close the template library window that opens up because you’re not going to need any of them.
Also Read: Create Custom Elementor Tables with Images, Links, Icons and Lotties. Import Tables from CSV and Google Sheets
Design Single Post Template with Elementor Post Widgets
Add a new section in your Elementor editor (00:44)
Elementor automatically shows you all the single post widgets you can choose from.
Drag the Featured image widget to your canvas.
Back to the widgets area, drag the Post Title, Post Content, Post Navigation widgets (01:00)
Drag the Post info widget next and place it above the post title (01:22)
On the post info widget, you can remove the time option and the comments.
Under Style, you can also change for example the color and typography of your info to your preference.
You can make changes to any of the items in your author box like changing the icon, color, typography, etc.
Select the Post Title and set the Text color to purple, under Typography set Lato font, and Capitalize on the Transform option.
Back to the widgets area, you add the Author box widget and the Post comments widget for people who would like to leave a comment/feedback.
Under Content, select Theme Comments for the Skin option and Current post under Source (02:37)
To add a sidebar, select the column and duplicate it (02:43).
Give the new column 25% Column Width under Layout.
In the Widgets area, drag the Facebook page widget to the new column (02:58)
Under Content > Page > Link, add your facebook page link.
To Read: Create Bespoke Elementor Page Transitions in EPro v3.6
Elementor Single Blog Post Template Display Conditions
When you’re done creating your single blog post layout, click the Publish button, under Publish settings, on Include select posts and all, then click the add condition option.
When you preview your blog post, it should be fully functional (04:32).
To Read: How to Make Glassmorphism Forms in Elementor [PRO]
That’s how you can create a single blog post using Elementor Pro, and your website visitors can be able to view your posts, comment on them, as well as navigate through them, for example, view a previous post.
If you have any comments or questions, let me know in the comments section below. Remember to subscribe to my youtube channel and newsletter for more tips and tutorials.