Displaying Blog

In addition to standard method of displaying blog page, or adding blog shortcode you can make any page displaying blog posts by assigning it “Blog – list” or “Blog – masonry” page templates.

 

Blog – list

As soon as you assign this template to a page (via page adding/editing interface), you’ll notice 3 additional boxes appear: Content Area Options, Blog Options and Display Blog Categories (fig. 1).

Fig. 1. Blog - list.

Fig. 1. Blog – list.

Content Area Options box defines whether content added via Text Editor will be displayed on this page:

  • “no” will hide page content;
  • “first page” option will show content only on the first page of paginated content;
  • “all pages” will display content from Text Editor on every page of paginated content (when user clicks the pagination links).

Blog Options box determines the appearance of your blog page. Here you can:

  • Define whether to preserve featured images proportions or resize them to certain proportions.
  • Set the number of posts to display on one page.
  • In “Advanced settings” section you can select various ordering and appearance options.

Display Blog Categories box. By default all your Blog posts will be displayed on this page. But you can specify which Blog categories will (or will not) be shown. In “Display Blog Categories” box tabs you can select from the following options:

  • All — all Blog posts (from all categories) will be shown on this page.
  • Only — choose Blog category(s) to be shown on this page.
  • All, except — choose which category(s) will be excluded from displaying on this page.

 

Blog – masonry

Besides boxes and settings described in “Blog – list” section, choosing “Blog – masonry” page template will reveal additional settings under the “Blog Options” box (fig. 2):

Fig. 2. Blog - masonry.

Fig. 2. Blog – masonry.

“Number of columns” defines the maximal number of columns in masonry/grid layout.
Why “maximal”? Because decreasing your browsers window width will cause posts to reorder and collapse to single-column layout. This helps page content to remain readable on hand-held devices.

“Layout” setting allows you to switch between masonry and grid layouts.
Choosing “grid” option will make all posts cells in a single row the same height. This makes layout visually more accurate, but wastes page space if posts has different content height.

“Make all posts the same width” option will overwrite the “post width” setting from post adding/editing interface and make all posts precisely the same width.