Attributes

Attribute Description Values Default
columns Define the number of columns 1, 2, 3 1
title Define the section title Text N/A
title_tag Define the title tag h1, h2, h3, h4, h5 h2
order_by Sort retrieved posts by date, title, type, rand date
order Designates the ascending or descending order DESC, ASC DESC
number Sort retrieved posts by Number of retrieved posts to display -1
category Sort retrieved posts by category name Category Name N/A
featured_image Display the post featured image true, false true
Demo
Design Principles / December 14, 2014

Visual weight & direction

Every element on a web page exerts a visual force that attracts the eye of the viewer. The greater the force, the more the eye is attracted. These forces also appear to act on other elements, imparting a visual direction to their potential movement and suggesting where you should look next.
[posts_list featured_image="false" columns="1" number="4"][/posts_list]
Design Principles / December 14, 2014

Visual weight & direction

jetty-night-3519
Every element on a web page exerts a visual force that attracts the eye of the viewer. The greater the force, the more the eye is attracted. These forces also appear to act on other elements, imparting a visual direction to their potential movement and suggesting where you should look next.
[posts_list columns="2" number="4"][/posts_list]
Design Principles / December 14, 2014

Visual weight & direction

jetty-night-3519
Every element on a web page exerts a visual force that attracts the eye of the viewer. The greater the force, the more the eye is attracted. These forces also appear to act on other elements, imparting a visual direction to their potential movement and suggesting where you should look next.
[posts_list columns="3" number="3"][/posts_list]
Design Principles / December 14, 2014

Visual weight & direction

jetty-night-3519
Every element on a web page exerts a visual force that attracts the eye of the viewer. The greater the force, the more the eye is attracted. These forces also appear to act on other elements, imparting a visual direction to their potential movement and suggesting where you should look next.
[posts_list columns="1" number="1" category="design-principles"][/posts_list]