- \n
- What are WordPress post templates?<\/a><\/li>\n\n\n\n
- Why you might want to use WordPress post templates<\/a><\/li>\n\n\n\n
- How to create custom WordPress post templates<\/a><\/li>\n\n\n\n
- Method 1: Use the WordPress block editor (Gutenberg)<\/a><\/li>\n\n\n\n
- Method 2: Use Elementor<\/a><\/li>\n<\/ul>\n\n\n\n\t\t
<\/div>\n\t\t\t\n\t\t \t\n\t\t \t\tAn introduction to #WordPress post #templates (and how to create your own) \ud83d\udcd0<\/a>\n\t\t \t<\/div>\n\t\t \t\n\t\t \tClick To Tweet \n\t\t \t\t<\/span>\n\t\t \t<\/a>\n\t\t <\/div>\n\t\t<\/div>\n\n\n\nWhat are WordPress post templates?<\/h2>\n\n\n\n
A post template is the design that your content uses when you publish it. For example, let’s say you write a post, add a title, upload a featured image, etc. The post template is what controls where the post title displays, where the featured image is (above or below the post title?<\/em>), where the main content displays, where to display the author name, and so on.<\/p>\n\n\n\n
By default, your post templates are controlled by your theme. Some themes like Neve<\/a> enable you to customize this template using built-in settings:<\/p>\n\n\n
\n![\"An](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/08\/Neve-Templates.png\")
<\/figure><\/div>\n\n\nHowever, you can only edit one template at a time. Without the flexibility to save multiple templates, you’re left with very few options. For example, what if you want to use one template for posts in one category and a different template for posts in another category?<\/p>\n\n\n\n
This is where custom WordPress post templates come in. These are pre-made structures that you can personalize and apply to some or all of your content.<\/p>\n\n\n
<\/div>\n\n\n\nWhy you might want to use WordPress post templates<\/h3>\n\n\n\n
The most obvious benefit of using WordPress post templates is speed. Once you\u2019ve invested the time to make them, there\u2019s no need to meticulously edit the structure of each new post. Instead, you can simply choose the template to apply to that post and get to work on the content.<\/p>\n\n\n\n
This helps you spend more time working on other important tasks. Whether you\u2019re looking to boost your site’s search engine optimization (SEO)<\/a> or increase your blog’s audience engagement<\/a>, these templates can help free up your schedule.<\/p>\n\n\n\n
Pre-made templates can also help standardize your content structure. Consistency can be key to a clean, professional site design. This is especially true if you\u2019re already using templates in other areas of your site. For example, if you\u2019ve made significant changes to the structure of your pages, you might want to create posts to match.<\/p>\n\n\n\n
As you might imagine, it’s hard to find faults with a tool that takes work off of your plate. While the process of building the initial WordPress post templates will take a bit of time, we highly recommend giving them a shot \u2013 you might thank yourself later!<\/p>\n\n\n
<\/div>\n\n\n\nHow to create custom WordPress post templates<\/h2>\n\n\n\n
Now, let’s look at two effective ways to create WordPress post templates without needing code:<\/p>\n\n\n\n
- \n
- The native WordPress block editor, AKA Gutenberg – free.<\/li>\n\n\n\n
- The Elementor Pro page builder plugin – from $49.<\/li>\n<\/ol>\n\n\n\n
We’d recommend giving each method a try \u2013 you’ll get nearly the same result, but the process can be a little different. <\/p>\n\n\n
<\/div>\n\n\n\nMethod 1: Use the WordPress block editor (Gutenberg)<\/h3>\n\n\n\n
For a native way to create custom WordPress post templates, you can use the new template editing mode in the native WordPress block editor (AKA Gutenberg). This feature was launched in WordPress 5.8, which was released in July 2021.<\/p>\n\n\n\n
If you’re using the Classic editor<\/a> instead of the block editor, you’ll want to skip to the next method<\/em>.<\/p>\n\n\n\n
This is a core WordPress feature, so it’s 100% free and you don’t need to install a plugin to access it. However, you’ll only see template editing mode if your theme has specifically enabled it. Because this is a relatively new feature, not all theme developers have enabled it at the time that we’re writing this post.<\/p>\n\n\n\n
Basically, if you don’t see this feature, that probably means your theme developer hasn’t added support for it yet. If that’s the case, you can either:<\/p>\n\n\n\n
- \n
- Manually add support by adding this code snippet to your child theme’s functions.php<\/strong> file or a plugin like Code Snippets<\/a> –
add_theme_support( 'block-templates' );<\/code><\/li>\n\n\n\n- Skip to the second method, which will work with any theme. <\/li>\n<\/ol>\n\n\n\n
1. Open the template editor<\/h4>\n\n\n\n
Start by creating a new post using the block editor. In the Post<\/em> settings sidebar, you’ll see an option called Template<\/em>:<\/p>\n\n\n
\n![\"The](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:717\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/08\/post-templates-1.jpg\")
<\/figure><\/div>\n\n\nAgain, if this option is not present in your editor, it’s likely because your current theme is not yet compatible with the latest WordPress version.<\/p>\n\n\n\n
Next, click on New<\/em>. In the pop-up window that follows, enter a name for your template and select Create<\/em>:<\/p>\n\n\n
\n![\"Create](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:854\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/08\/post-templates-1-1.jpg\")
<\/figure><\/div>\n\n\n2. Design your template using Theme blocks<\/h4>\n\n\n\n
You are now in the template editor, where you can start designing the layout of your posts. There are two types of layout elements that you can use:<\/p>\n\n\n\n
- \n
- Theme blocks<\/strong> – these will dynamically insert content from each post that uses that template. For example, there are Theme blocks for the post title, post featured image, post content, etc. So if you add the Post Content block, your template will display the content from the editor of that post.<\/li>\n\n\n\n
- Regular blocks<\/strong> – these are blocks that will be the same for every post that uses that template. For example, you could add a CTA form that displays below the content.<\/li>\n<\/ol>\n\n\n\n
Below, you can see that the Post Title block displays the actual title of the post from the editor. You’re also able to adjust the typography and color options according to your preferences:<\/p>\n\n\n
\n![\"An](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/08\/post-templates-2.jpg\")
<\/figure><\/div>\n\n\nYou can find all of the theme blocks in the Theme<\/strong> section of the block inserter:<\/p>\n\n\n
\n![\"The](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1024\/h:846\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/08\/post-templates-3.jpg\")
<\/figure><\/div>\n\n\nYou can also use all of the regular blocks, including the layout blocks (like columns). However, keep in mind that if you add a content block, it will be the same for every post that uses this template.<\/p>\n\n\n\n
3. Save your template and apply it to your posts<\/h4>\n\n\n\n
Once you’re happy with your design, click on Publish<\/em> to save your template. Note that you’ll need to save your template separately from your post, otherwise these changes will be applied to the content of your post. <\/p>\n\n\n\n
To do this, you just need to uncheck the box next to the title of your post, as shown below:<\/p>\n\n\n
\n![\"Saving](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/08\/saving-new-template-without-post.jpg\")
<\/figure><\/div>\n\n\nIf you decide to edit your template later on, you can just open a post, locate the Template<\/em> option in the Settings<\/em>, and select Edit<\/em>:<\/p>\n\n\n
\n![\"\"](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/08\/the-edit-option-in-the-Template-section.jpg\")
<\/figure><\/div>\n\n\nRemember that the changes that you make to an existing template will appear on every post that uses that template. As you can see, you also have the option to create another template. This can be very useful if you want to use different layouts for different types of posts, such as guides, listicles, and FAQs. <\/p>\n\n\n\n
Whenever you want to create a new post or edit an existing post, you can click on the drop-down menu in the Template<\/em> panel and apply the right template: <\/p>\n\n\n
\n![\"Applying](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/08\/applying-template-to-post.jpg\")
<\/figure><\/div>\n\n\nWe think this is the easiest way to create post templates. The wide variety of blocks also gives you plenty of customization options. However, if you’re looking for a few more advanced features, consider using the second method. <\/p>\n\n\n
<\/div>\n\n\n\nMethod 2: Use Elementor to create a single post template<\/h3>\n\n\n\n
The other main method for adding templates is to use the Elementor Pro<\/a> plugin. This plugin offers more design freedom and functionality, making it perfect if you need a bit more flexibility. <\/p>\n\n\n\n
1. Create a new single post template<\/h4>\n\n\n\n
Before we start, you’ll need to have a premium version of Elementor installed and activated. The free version of this plugin comes with some impressive features<\/a>, but unfortunately, creating custom single post templates isn’t one of them. <\/p>\n\n\n\n
Once that’s all set, you should see two new menu options on your WordPress dashboard: Elementor <\/em>and Templates<\/em>. Click on Templates > Add New<\/em> and you should see a new pop-up menu. Then, choose your template type \u2013 in this case, Single Post<\/em> \u2013 and give it a name:<\/p>\n\n\n
\n![\"An](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/08\/Elementor-Single-Post-Template.png\")
<\/figure><\/div>\n\n\nNext, you’ll be greeted with another pop-up window. This one will show you a few pre-made templates that you can use to get started. You can edit them to fit your needs, or just use them as-is. Or, you can just close the window to create your design from scratch: <\/p>\n\n\n
\n![\"An](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/08\/Single-Post-Blocks.png\")
<\/figure><\/div>\n\n\n2. Customize your WordPress post template with widgets<\/h4>\n\n\n\n
At this point, you should be inside Elementor’s main editing interface. It should look something like below. If you chose a template, you’ll see the template that you imported:<\/em><\/p>\n\n\n
\n![\"The](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/08\/Elementor-Single-Post-Template-Interface.png\")
<\/figure><\/div>\n\n\nFrom here, you can drag-and-drop widgets from the left-hand menu. You can also drag them wherever you need them after they’re on the page. You’ll want to mainly focus on the Single widgets, as these let you insert a post’s title, content, featured image, etc.<\/p>\n\n\n\n
If you’re having trouble building an empty template, Elementor has a solution. Click the gear icon in the lower-left corner. You’ll then be able to pick a specific post to act as your placeholder content. For example, when you add the Post Title widget, Elementor will display the real title from your placeholder post. Don’t worry about the content, though \u2013 the post itself will remain unchanged. <\/p>\n\n\n\n
3. Choose where to use your template<\/h4>\n\n\n\n
When you\u2019re done editing, click on the Publish <\/em>button in the lower left-hand corner. <\/p>\n\n\n\n
This will open an interface that lets you select where you want to use your template. That is, which posts should use this template?<\/p>\n\n\n\n
To control that, Elementor lets you add “conditions”.<\/p>\n\n\n\n
If you want to use this post template for every post, you can just set the condition equal to All Singular<\/em>. Otherwise, you can set up rules to target posts from specific categories, tags, authors, etc. Or, you can target specific posts.<\/p>\n\n\n
\n![\"Elementor](\"https:\/\/mllj2j8xvfl0.i.optimole.com\/cb:c5QE.37290\/w:1018\/h:1024\/q:mauto\/f:best\/https:\/\/themeisle.com\/blog\/wp-content\/uploads\/2021\/08\/elementor-conditions.jpg\")
<\/figure><\/div>\n\n\nOnce you’re done, click Save & Close<\/em> and your new template will be live for all of the posts that you targeted with your conditions.<\/p>\n\n\n
Go to top<\/a><\/div>\n\n\n\nStart creating custom WordPress post templates<\/h2>\n\n\n\n
\n\nWordPress post templates have a lot to offer your site in terms of speed and consistency. Fortunately, getting started with these tools can be super easy. By mastering a few techniques, you should be able to streamline your post creation process and work on your site design more efficiently.<\/p>\n<\/div>\n\n\n\n
\n\t\t<\/div>\n\t\t\t\n\t\t \t\n\t\t \t\tLearn how to #design your own #WordPress post #templates using #Elementor or Gutenberg \ud83d\udcd0<\/a>\n\t\t \t<\/div>\n\t\t \t\n\t\t \tClick To Tweet \n\t\t \t\t<\/span>\n\t\t \t<\/a>\n\t\t <\/div>\n\t\t<\/div>\n<\/div>\n<\/div>\n\n\n\nIn this article, we covered two effective ways for building WordPress post templates: <\/p>\n\n\n\n
- \n
- Creating different layouts using the built-in template editor in the block editor. <\/li>\n\n\n\n
- Using Elementor Pro’s Theme Builder feature to design custom templates.<\/li>\n<\/ol>\n\n\n\n
See what’s possible with the block editor, in our our full block editor guide<\/a>. And if you want to learn more about Elementor, you can read our full Elementor review<\/a>.<\/p>\n\n\n\n
Do you have any questions about creating WordPress post templates? Let us know in the comments section below! <\/em><\/strong><\/p>\n\n\n
- Regular blocks<\/strong> – these are blocks that will be the same for every post that uses that template. For example, you could add a CTA form that displays below the content.<\/li>\n<\/ol>\n\n\n\n
- Skip to the second method, which will work with any theme. <\/li>\n<\/ol>\n\n\n\n
- Manually add support by adding this code snippet to your child theme’s functions.php<\/strong> file or a plugin like Code Snippets<\/a> –
- Why you might want to use WordPress post templates<\/a><\/li>\n\n\n\n