Blog Single Post Page
Every blog post you create has has it's own single post page. The single post page displays the entire blog post, featured images, author details, 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 Theme Options, Fusion Options and use the Fusion builder to create dynamic post content. If you'd like to display an archive of your blog posts on one page, you can use the Blog Element or the Recent Posts Element. Here is a demo of our Blog Single Post page.
Uploading Featured Images
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. In addition to this, you can set a custom featured image width and height to control the size of the image, using the in-post Fusion Options. The Custom featured image sizes works for single post page and the main blog page, which excludes the 'Grid' and 'Timeline' layouts.
The 'Featured Image Dimensions' option (Image width and height) is located in the Fusion Page Options > Posts section of the posts page. Values are set in pixels or percentage, ex: 100% or 100px. Or Use "auto" for automatic resizing if you added either width or height.
You can upload a Youtube or a Vimeo video to be displayed in the featured image section of the post. You can also 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 5 - Click 'Save Draft' or 'Publish'.
Post Meta Information
There are various post meta information that you can add to each post you create. Namely tags, categories and post formats. The Post Format icons will only display if you're using the 'Large' or 'Medium Alternate' blog layouts.
Using The Fusion Builder
You can use the Avada Fusion Builder to create dynamic content for each of your posts. Click the 'Use Fusion Builder' button above the WordPress Content Editor to enable the Fusion Builder. Any elements and content added to the post is treated exactly like regular page content. Click the button below to learn more about the Fusion Builder.
For Avada 5.5 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.
Fusion Post Options
Avada provides a host of options that you can use to configure a single post, located below WordPress Content Editor. Navigate to the Fusion Page Options > Posts. All options set within an individual Blog post will override the corresponding Theme Options global option that has been set.
Fusion Theme Options
In the Theme Options you can set Blog Single Post options which will affect your Blog posts globally. You then have the choice of setting in-post Fusion Options on a post by post basis, that will override the corresponding global Theme Options. See below for the available Fusion Theme Options for Blog Single Posts.
100% Width Page - Illustrated as A. Allows you to display blog posts at 100% browser width. Turn Off to follow the site width, instead.
Featured Image/Video On Single Blog Post - Illustrated as B. Allows you to show or hide Featured images or video on blog single posts.
Previous/Next Pagination - Illustrated as C. Allows you to show or hide the previous/next pagination on single blog single posts.
Post Title - Illustrated as D. Allows you to set the position of the title relative to the Featured image. Choose between Below, Above or Disabled.
Meta Data Position - Illustrated as E. Allows you to choose the position of the post's meta data. You can choose from Below Article or Below title.
Author Info Box - Illustrated as F. Allows you to show or hide the Author Info box below blog single posts.
Social Sharing Box - Illustrated as G. Allows you to show or hide the Social Sharing Box below blog single posts.
Related Posts - Illustrated as H. Allows you to show or hide Related Posts.
Comments - Illustrated as I. Allows you to show or hide the comments.