Displaying Blog Posts On Your Site

Displaying Blog Posts On Your Site

13/08/2019

Once you’ve created your individual blog posts, you can now display the blog in many ways on your site. To get an idea of the layout possibilities,  visit the Blog Element Demo page.

There are three main methods you can use to display a blog in Avada – assigning a posts page, using the Blog Element, or using the Recent Posts Element. There is also a Post Slider Element which can be used to supplement the other Elements. Indeed, on the Church Demo News page, you can see all three Elements at work. Read on to find out more about the various methods of Displaying Blog Posts on Your Site in Avada.

There are three main methods you can use to display a blog in Avada – assigning a posts page, using the Blog Element, or using the Recent Posts Element. There is also a Post Slider Element which can be used to supplement the other Elements. Indeed, on the Church Demo News page, you can see all three Elements at work. Read on to find out more about the various methods of Displaying Blog Posts on Your Site in Avada.

Assigning A Posts Page

The first method we will cover is the standard WordPress method, which is setting up an assigned blog or post page. It’s as easy as making a new blank page to hold the posts, and then telling WordPress to use that page as the post page. This method works fine, but lacks some of the flexibility of other methods using our Blog Elements.

Step 1 – Create a new page by navigating to the ‘Pages’ tab in your WordPress admin sidebar. Once here, click the ‘Add New’ button at the top of the page.

Step 2 – Input a new name for your page, like ‘News’ or ‘Blog’, then find the ‘Page Attributes’ box on the right side. Under the Template section, ensure the ‘Default Template’ option is selected.

Step 3 – If you wish, you can choose to customize the page using options located under the Fusion Page Options. When you’re done, click ‘Publish’ to save the page.

Step 4 – To set a page as your main blog page, navigate to Settings > Reading and find the ‘Posts Page’ option, then select the page you have created from the dropdown list. Doing this will automatically pull your blog posts and place them on the assigned page.

Fusion Theme Options For The Assigned Blog Page

When using the assigned posts page as described above, all the options for it are located in the Avada > Theme Options > Blog tabs. There are dozens of options to choose from like layout, sidebars, excerpts, full width, etc. There are general blog options, single post page options, and blog meta options. Each one has titles and descriptions to help you better understand what they do. For full details, see the Blog Theme Options doc.

Using The Blog Element

The second method of displaying a blog in Avada is to use the Blog Element. This is a very versatile method, as the Blog Element can be placed wherever you want in your content, on any page, or indeed, on any number of pages. It can also be used in conjunction with the other Blog related Elements, like the Recent Posts Element or the Post Slider Element, as well.

Step 1 – When using the Blog Element for your main Blog page, you do not need, or indeed, want to have a posts page assigned in the WordPress Settings > Reading section. Under the Posts Page, make sure no page is selected as the Posts Page (it should show –Select– in the Posts Page field).

Step 2 – Create a page for your Blog and add the Blog Element to it, along with any other content you might wish. This method allows you full flexibility with layout and content.

The Blog Element

Step 3 – Configure the Blog Element to display as per your preferences. There are a huge number of options, including choosing or excluding certain categories, different layout options, post offset options, and many other metadata options. For a full list of possibilities, please see the examples of various Blog layouts from the Blog Menu item on the Classic Demo and read the Blog Element doc.

Step 4 – Remember to add this newly created page to your main menu.

See below for a live example of the Blog Element. It is a very powerful element, as it can be used in a multitude of ways. It can be placed on multiple pages, or even multiple instances on the same page, and in conjunction with the post offset and page category options, the possibilities are almost endless.

Using The Recent Posts Element

The third method to consider is not really an alternative, but rather an additional way of displaying blog posts on your pages. The Recent Posts Element allows you to add blog posts anywhere you can place the Element, but as the name implies, this is usually used to just show the most recent posts, perhaps on the home page, but in reality, anywhere you wish.

It does not have the number of configuration options as the Blog Element, and it should not be confused with Related Posts that show up the bottom of posts. As can be seen on the Church Demo News Page, it is possible to use a combination of these elements on a single page.

See the Recent Posts Element page on the Classic Demo for a visual rundown on what the Element can do, and read the Recent Posts Element doc and the Blog Featured Images doc for further information about the element. Also, see below for a live example of the Element in action.

Avada 6.1 Is Live

October 10th, 2019|Comments Off on Avada 6.1 Is Live

Say hello to Avada 6.1, our newest roadmap update. This latest update is feature-packed with [...]

Using The Post Slider Element

Like the Recent Posts Element, this is not an alternative method to show an entire blog, but it is a very useful element that can be used to highlight blog posts in a slider layout.

You can use one of three layouts for the Post Slider – Posts with Title, Posts with Title and Excerpt, or the Attachment Layout, Only Images Attached to Post/Page. For more information, see the Post Slider Element doc.

  • Avada 6.1 Is Live

    Say hello to Avada 6.1, our newest roadmap update. This latest update is feature-packed with tools and style options that will extend your toolkit, ready to take on any project. Utilize Avada's new Dynamic Content [...]

  • Avada Turns 7 Years Young

    Happy Birthday Avada 7 years / 2,556 days / 61,360 hours - Thank you to each and every person that has made their own over the last 7 years, we are truly grateful and humbled! [...]

  • Markus Flying to Berlin

    ThemeFusion At EnvatoWorldwide & WCEU 2019

    Hey everyone! This is Mark, ThemeFusion’s CTO. I'm currently here in Berlin for #WCEU 2019. A few other members from ThemeFusion will also be in attendance so we thought we'd do a brief diary blog [...]

Next Step: Blog Featured Images

Recent Posts

Recent Tweets

For privacy reasons Twitter needs your permission to be loaded. For more details, please see our Privacy Policy.
I Accept