Blog Single Posts

06/06/2019

At the heart of a Blog are the individual blog posts. Every blog post you create has has its own single post page. The single post page displays the entire blog post, featured images, author details, and comments, etc.

In this article, we’ll be outline all the relevant sections in a single post page and how you can configure the post page using the global Fusion Theme Options, the local Fusion Page Options and how you can use the Fusion Builder to create dynamic post content.

Overview

Blog Single Post Screen

Here is a screenshot that shows the various areas of the Blog Single post page.

  • The Post Editor – You can use either any of the WordPress editors, or the Fusion Builder to create your Blog Post Content.

  • The ‘Post’ Type Fields – This is where you add and assign Categories, Tags, and Featured Images to your individual Blog posts.

  • The Post tab of the Fusion Page Options – Here you can override global options pertaining to the Blog Single Post, and further extend the post with embedded videos, and other post details.

Adding a New Post Page Overview

The Post Editor

The Post Editor is where you add your page content for your Blog posts. Avada allows you to use any editor on the single post pages, from the WordPress Editor, the Gutenberg Editor or the Fusion Builder. To enable the Fusion Builder, simply click the ‘Fusion Builder’ button above the WordPress Content Editor to access the Fusion Builder.

Some people choose to focus more on content with Blog posts and not worry too much about the layout, but the choice is ultimately yours.

Learn More About The Fusion Builder

The ‘Post’ Post Type Fields

There are three fields added to the ‘Post’ Post Type to allow you to add specific Blog details to your posts – Categories, Tags, and the Featured Images fields. These are accessed on the right-hand side of the page.

  • Categories – Here, you can add and assign Blog Categories. Categories are pre-defined taxonomies used to sort and group content into different sections and making it easier for the user to filter and select the relevant Blog posts they prefer to view.

    You can add Categories on the fly by clicking the + Add New Category link at the bottom of the Categories section, or you can navigate to Blog < Categories to set up your Categories independently. To assign Categories, check the box next to the Category name. These Categories can show in several places when using the Blog or Recent Posts Element, and on the Blog Archive pages. They allow the user to filter different types of blog posts.

    When using the Blog Element, or the Recent Posts Element, you can choose to pull posts by Category or Tag, so think about how you would like your Blog Filters to work. Category is the default option.

  • Tags – Here you can add Tags to your post. Type the name of the tag in the field and hit enter or enter multiple tags by separating tags with commas.

    The Categories, and Tags that are added to the individual Blog posts are also used as a way of filtering content in the Blog Archive pages. Read the Blog Archives & Filters page for more information on that.

  • Featured Images – Here you can add a Featured Image to the post. To do this, click the first Featured Image Box, select an image and click ‘Set Featured Image’. For a slideshow, insert more than one Featured Image and each image will be a slide in the slideshow. You can see an example of that here.

    By default you can upload 5 featured images per post, however, that can be changed globally by going to Theme Options > Slideshows > Post Slideshow Images and increasing/decreasing the number (min. 1 – max. 30).

    For a video post, paste the iFrame embed from either Youtube or Vimeo into the Video Embed Code field, found in the Post tab of the Fusion Page Options. See the Fusion Page Options section below, for more details on that.

Fusion Page Options – Post Tab

Avada provides a host of options that you can use to configure a single post, located in the Post tab of the Fusion Page Options at the bottom of the page. All options set within an individual Blog post will override the corresponding global Theme Option set in the Blog Single Post tab in the Fusion Theme Options.

There are also extra fields to add further information to your Blog posts, such as the Video Embed field, and the Featured Image Dimensions, Open Blog Links In New Window, and Custom Link URL On Archives fields.

Please see the Blog Post Options doc for the full range of options. Below, we will look at some of the less understood post options available.

Featured Image Dimensions

The Featured Image you upload to each post will show the full image ratio on the single post page by default. The width of the featured image will be set to the site width, or column width if using sidebars, and the height is set to auto so it displays the original height. So it is important that the featured images you upload are big enough for the area they are to fill, otherwise there will be pixelation.

In addition to this, you can set a custom featured image width and height to control the size of the image, using the Fusion Page Options. The Custom featured image sizes works for single post pages and the main blog page, excluding the ‘Grid’ and ‘Timeline’ layouts.

The ‘Featured Image Dimensions’ option (Image width and height) is located in the Post Tab of the Fusion Page Options. Values are set in pixels or percentage, ex: 100% or 100px. Or Use “auto” for automatic resizing if you added either width or height.

Featured Videos

You can also upload a Youtube or a Vimeo video to be displayed in the featured image section of the post. You can even have a combination of videos and images, displayed as a slideshow on the single post page. Read below to learn how to upload a Youtube or a Vimeo video.

How To Upload A Youtube/Vimeo Video

Step 1 – Go to the ‘Posts’ tab on your WordPress admin sidebar and clicking ‘Add New’ to add a new post.

Step 2 – Give your blog post a title and add your content as normal.

Step 3 – In the Fusion Page Options, select the ‘Post’ tab and then locate the ‘Video Embed Code’ option.

Step 4 – Enter the Youtube or Vimeo embed code into the provided field. You can find the embed code by clicking the ‘Embed’ option on Youtube, and the ‘Share’ option on Vimeo.

Step 5 – Click ‘Save Draft’ or ‘Publish’.

Automatic Titles for Blog Posts

In Avada 5.5 and up, we have enhanced the handling of H1 & H2 automatic assignment for titles in the Page Title Bar and single posts. The post header for single posts, single FAQ, single portfolio, and WooCommerce single product pages will automatically default to H1 if for example the Page Title Bar >> Page Title Bar Text is set to Hide. if Page Title Bar >> Page Title Bar Text is set to Show then the post header will default automatically to H2.

Next Step: Blog Theme Options