Displaying Blog Posts On Your Site
Last Update: March 21, 2023
Once you’ve created your individual blog posts, you can now display the blog in many ways on your site.
There are quite a few methods you can use to display a blog in Avada – from simply assigning a posts page in WordPress, through to using a custom designed Post Card and the Post Cards Element, or using the Blog Element, or the Recent Posts Element. For most flexibility with design, we recommend using the Post Cards method.
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 several 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 is very easy to implement, but lacks the flexibility of other methods, such as the Post Card or 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 Avada 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.
Avada Global 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 > 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 Global Options doc.
Using A Post Card & The Post Cards Element
The recommended method of displaying a blog in Avada is to use a Post Card, and then the Post Cards Element to display the posts with. This is the most flexible method, as you are in complete control of the layout and design of the Post Card, and the Post Cards 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. Follow the link to read all about Post Cards, and how to use them.
Below is an example of the Posts Cards Element pulling 2 posts using a specific Post Card design.
A one-page website is just that; A website that consists only of a single page and not the traditional style...
We have been keeping a secret! After many months of hard work and dedication, we are keen to announce an...
Using The Blog Element
Another 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.
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 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
Yet another 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.
What Is a One-Page Website and Why Do You Need One?
A one-page website is just that; A website that consists only of a single page...
Avada.com
We have been keeping a secret! After many months of hard work and dedication, we...
Avada Tour Operator: Deconstructing a Prebuilt Website
Say hello to Avada Tour Operator. This Avada prebuilt website is ideal for...
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.
