All Collections
Building Your Blog
Creating Blog Templates
Overview of Creating a Blog Template 
Overview of Creating a Blog Template 

Learn the pieces that make up your blog template and how to customize those pages in Showit.

JT Pals avatar
Written by JT Pals
Updated this week

Showit allows you to create a completely custom theme that you can publish to WordPress. The following outlines a few of the steps and options for this process.

Video Overview

Blog Templates in Showit

In Showit, click on the Site Tab to see the list of blog templates in the second section. Every template from the Showit Library comes with a Blog (Post List) and a Single Post blog template page. These pages differ in function from the other site pages because they can pull in WordPress blog content. Some examples of Blog Template Pages are:

  • Blog (Post List) - a page that displays a list of your blog posts

  • Single Post - a template page that will act as the design for your individual blog posts

  • WordPress Homepage - a homepage for your site that can display blog posts

  • Category Page - a template page that lists all posts from a select category

  • Custom Category Page - a template page with a unique layout for a specific category

  • WordPress 404 - the 404 page for Showit users with a blog

  • Page Template - a template that can load a page you have created in WordPress

  • Custom Page - like a normal Showit page, but for loading in blog post content

Assigning a WordPress Template Type

When you click on a Blog page under your blog templates, then choose the Template Info tab in the Properties Panel. The WordPress Template drop-down allows you to choose one of the standard WordPress layouts that you want this page to be used for. The basic options are in the drop-down along with the option for a custom template that can use the WordPress Template Hierarchy.

Note: The Blog page should be set with the Post List (Default) setting.

There must be a Post List (Default) page that is published to your site in order for your site to publish without error.

Assigning Text Placeholders

WordPress Text Placeholders can be set on the text boxes within your Blog Template pages. These placeholders will autofill with content from your blog on the live site only. For example, the "Blog Post Title Two Lines" in the screenshot above will display the title of a blog post that you have created within WordPress.

Resize Canvas to Fit Blog Content

A Normal canvas type is designed to display on your live site exactly as it shows in the Showit Design App. However, this can be problematic for blog posts as most blog posts have varying lengths and usually exceed your canvas size when they populate into the Single Post blog template in your Showit design.

This can easily be resolved by setting the canvas type to Grow With Content. This will allow your canvas to resize to fit your entire blog post that autofills into a text box with the Blog Content WordPress Placeholder.

Text Box – Crop Overflow

If you prefer not to have the text content grow, you can also choose an “Overflow” for the text layer to be either “Crop” or a “Single Line” option.  If your text has paragraph breaks, it won’t force the text into a single line but it will crop at the end of a single line.

Assigning a Featured Image

You can also place an image, then check the box for “WordPress Featured Image” and the featured image will be replaced into the page.

Did this answer your question?