How to Create a Single Elementor Blog Post Page Template

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.

4t84KA a5ELNRDnLM1mIVI9Vnv7uzQFLilpuIM eLiEUNuZFQ9KEFrmfvYCm2Zd7KcMfJ9FR4
Single Elementor Blog Post Page 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)

X2nUKYBLl0QQuLFfK3t5V9h06nB0c5bLKT4q7mhTk4 Os0Xlfl1qPGo0Jf NxtKco3h366UAkyg41 EJII92rnCGxuiJLp0RFtj0z3k6GM rBkKe7rGdZKymrjU8hlijQsLXNaj4

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)

Px6 hsnO p 96Pj0D1UXahQPyX JwnNQyY4t

Drag the Post info widget next and place it above the post title (01:22)

1zzlLls7J6PlZ8d4KoRy0ASnp7w

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)

64YeltGUXNKAvAdbfIHkCwUIi622zppSWo F4fgekEt CMAqOhSItBWwY

To add a sidebar, select the column and duplicate it (02:43).

wT1wPCixSWtKAzN3xRRJDwGGkWJnuuYWP6lOS8a8qJYG 4WOXjpA6IkSR VdGJ15JZDgFIyzkaDP8ZaAAjehlJW5nF Do9SSAg WMS5PMCl8YHIpWWWnZMBm5gL0s3HdgOl5lRa

Give the new column 25% Column Width under Layout.

In the Widgets area, drag the Facebook page widget to the new column (02:58)

sO0kZg pum4LRhH2iW4tgpX2atbQd0pHC8 DPy9P6QkUdIoq EqsNKaPU49ooxOdw0AxU UCb7OOw9SWVBgZ5KCz 3emwDjc6lOeBS6ZLTxG830 b6Mq9U6vwh6jAocH6yoh60Gb

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.

f3BtmaZAINm1KWzqTM00lwCJDC3bh6dek jCX22WQCNqQ4mWd0j5gHcftSLB0PsfAbdxQAZmNfgLtworogpIwV3 OE 3ihO3O6n4I7wiqU8pD9i6Ad0 Fs oiQWcsGh25YaFeiFO

When you preview your blog post, it should be fully functional (04:32).

k0RJU 8lXd4Zd6Ky tI5fQKMLv37i8h Huymup9KclnPuaXJCfZYdtrDVK 3i1cq dlwgJzOTKPBJzhueGvzxf8VTnMRTl8MGklw 22qBdNigs4fNBRQXHka taLgn1uku3KZ7UB

To Read: How to Make Glassmorphism Forms in Elementor [PRO]

In Conclusion

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.

Also Read. . .

How To Delete A Facebook Group in 2024?

Facebook allows for group interactions through its Facebook groups feature.  Facebook groups are created for specific reasons and attract like-minded people.  At some point, however, you may need to get rid of the group for

Read More »
Newsletter Subscription (EF)
Picture of Hamza
Hamza
Hamza comes from a design background with over 10years of experience in Web and Media design. He enjoys making web design videos on his YouTube channel GoTechUG. He also writes web design articles on this website. In his free time, Hamza loves riding a bicycle, swimming or going hiking.

Leave a Comment

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

Search

Recommended Tools

Hostinger offers premium WordPress hosting for small and medium size websites at an affordable price rated 4.5/5 on Trustpilot

Elementor is the WordPress most popular page builder with over 10 million active users