Blog Listing Page

The following tutorial explains how to create a blog listing page for your single blog posts, including the global blog page settings.

To use the blog page you should create some blog posts (if you do not have any currently). Posts should automatically feed into your page, just be aware that if you are using categories on your blog posts, remember to set your category when creating single posts.

Video Tutorial

Latests Post Page Template

The following section will explain how to use Vivi’s latest Post page template to create your blog posts.

Step 1 – Add new page

Latest Posts Type – If you want a more sophisticated Blog page, then it is necessary to have a page that uses ‘Latest posts types‘ page template. (Make sure that in settings > reading that no page is selected for the posts page).

Screen Shot 2015-06-23 at 9.55.40 AM

Step 2 – Select Layout Options

Once this Page Template is selected, you will need to select Posts the Post Types area. You can then customize your Blog Page settings.

Screen Shot 2016-06-03 at 10.24.48 PM

At this point, you can select the Categories you want to display on the following page and the Page Layout as well.

Screen Shot 2016-06-03 at 10.26.28 PM

Finally, you have the option to enter the amount of Posts to display on your page and Enable/Disable Pagination.

Screen Shot 2016-06-03 at 10.27.12 PM

 

Step 3 – Save and Publish Page

Be sure to Publish/Update your page. Your blog posts should now automatically filter into this page.

WordPress Standard Blog

Alternatively you can use the standard WordPress method for setting the blog page, however this is not recommended as it is less flexible.

Step 1 – Select Page

Select which page you want to show your blog posts using WordPress settings – By defining a page as the Blog page under Settings > Reading:

Screen Shot 2015-06-23 at 9.42.34 AM

Step 2 – Select Layouts

If this option is used then the layout of the blog page can be set from Flothemes > Content Settings > Listing Layouts (Also note you may want to match the archives pages with the same view):

Screen Shot 2016-06-03 at 10.14.10 PM