How to Create a Custom Single Post Template in WordPress with Elementor

Sometimes, you love everything from the WordPress theme you use, but not the single post template. Some WordPress themes, like Newspaper by tagDiv, offers multiple single post template options, allowing you to use different post templates according to the type of articles you want to publish. Is it possible to create a custom single post template yourself? Of course.

If you don’t like the look of the single post template offered by your current theme, you can create a custom single post template to replace it. If you have a coding skill (PHP and CSS), then there is no problem to create a custom single post template. Don’t worry, you still be able to create a custom single post template even if you have coding skills. Elementor allows you to create a custom single post template without coding using its drag and drop editor.

Elementor is a WordPress page builder that has a Theme Builder feature. The Theme Builder feature of Elementor allows you to create custom elements of your theme. From header, footer, and single post layout. When creating a custom single post template with Elementor’s Theme Builder, you will be able to add the following elements:

  • Featured image
  • Post title
  • Post meta
  • Author box
  • Post comments
  • Post excerpt
  • Post content

In addition to the elements above, you can also add other elements offered by Elementor, including email subscription form (which is great if you use services like MailChimp or MailerLite).

Note: Theme Builder is only available on Elementor Pro.

How to create a custom single post template with Elementor

There are two ways to create a custom single post template with Elementor. You can either create one from scratch or use one of the available templates instead. In this post, we will show you how to create a custom single post template using one of the available templates.

  • First off, login to your WordPress dashboard and go to Templates -> Theme Builder.
  • On the Theme Builder page, go to the Single tab and click the Add New button to create a new template.
  • A pop-up will appear. On the Select Post Type option, select Post. Give your template a name and click the CREATE TEMPLATE button.
  • As mentioned, we will use one of the single post templates offered by Elementor. So, select one of the templates on the appearing template library and click the Insert button to take it to the Elementor editor.
  • Once the template is loaded to the Elementor editor, click the PUBLISH button on the bottom side of the left panel.
  • On the next step, you will be asked to set the display condition. By default, your single post template will be applied to all posts on your site. So, if you want to apply your new custom single post template to the entire site (all posts), simply click the SAVE & CLOSE button. Conversely, if you want your new custom single post template to be applied to a specific category or post, you can specify category/post first before clicking the SAVE & CLOSE button. Elementor allows you to add multiple display conditions.

How to change font family, color, and size

If the default font offered by the template you choose doesn’t suit you, you definitely can change it. Before clicking the PUBLISH button on the left panel, you can play around with Elementor editor to customize the font family, font color, and font size. In this example, we will show you how to change the font of the post body. To do so, find the section that holds the Post Content widget (you can use the Navigator). In this example, the Post Content widget lies in the second section under the first column.

Activate the Post Content widget (by clicking it) and go to the Style tab on the left panel. Click the pencil icon on the Typography option to open the typography option.

The selector panel will appear, allowing you to set the font family, size, style, and so on. To change the font color, you can click the selector on the Text Color option.

This page may contain affiliate links, which help support WP Pagebuilders.

Leave a Reply

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

Pin It on Pinterest

Share This

Share This

Share this post with your friends!