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 & grid” page templates (Fig. 1)

Fig. 1. Assigning page template.

Fig. 1. Assigning page template.

As soon as you assign one of these templates to a page, you’ll notice 3 additional boxes appear: Content Area Options, Display Blog Categories and Blog Options. First two boxes are unified for both templates (see fig. 2);  Blog Options box content varies depending on chosen template.

Fig. 2. "Content Area Options" and "Display Blog Categories" boxes.

Fig. 2. “Content Area Options” and “Display Blog Categories” boxes.

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).

You can also select where to display a content: before or after blog items.

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 – list

Fig. 3-1. Blog options - list.

Fig. 3-1. Blog options – list.

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

  • Select posts layout.
  • Enable/disable backgrounds under posts (fig. 3-2):

    Fig. 3-2. Background under posts enabled.

    Fig. 3-2. Background under posts enabled.

  • Enable/disable fancy dates (fig. 3-3):

    Fig. 3-2. Fancy date.

    Fig. 3-3. Fancy date.

  • Width of featured images in % of post width.
  • Number of posts to display on a page.
  • Advanced settings like: show all pages in paginator, show excerpts, show “read more” buttons, which meta information to show, ordering options.

Blog – masonry & grid

Fig. 4. Blog options - masonry & grid.

Fig. 4. Blog options – masonry & grid.

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

  • “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).
  • Gap between images (px).
  • Column minimum width (px). Columns cannot be narrower than this value – layout will collapse to less columns.
  • Desired number of columns.
  • Enable 100% width layout – makes your masonry/grid accommodate all page box width.
  • “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.
  • Background under posts. Can be: enabled (image with paddings); enabled (image without paddings) or disabled.
  • Content text alignment: left or center.
  • Enable fancy date (see fig. 3-2 above).
  • Images sizing: set custom image proportion or use original image proportions.
  • Number of posts to display on one page.
  • Loading mode: AJAX; “load more” button; lazy loading / infinite scroll; standard pagination (no AJAX).
  • Loading effect. You can choose from: fade in, move up, scale up, fall perspective, fly, flip, helix, scale.
  • Advanced settings: show all pages in paginator, show excerpts, show “read more” buttons, which meta information to show, ordering options.