Get My Free WordPress Beginner Toolkit

I’ll instantly send you my WordPress Beginner Toolkit (PDF) that comes along with all that you need to know as you start your WordPress web design  journey. Intermediate and advanced WordPress users have found it helpful too.

How to Create a Single Elementor Blog Post Page Template

Blog-post-page-design-in-elementor

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.

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)

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]

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. . .

Leave a Comment

Your email address will not be published.

Reccomended Tools

Get Web Hosting from the best as recommended by WordPress.org

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

Featured In

Wordcamp_Logo
OneYoungWorld_white
New York Mag

Disclaimer: Some of the links on this website are affiliate links and I receive a commission if you make a purchase using them at NO extra cost to you. That way, I’m able to keep this website running

© 2022 GO Tech UG