On Dog Food Advisor we use Display Posts to dynamically list the best dog foods based on different criteria. In some areas we wanted to display these results as a table: The code below updates the listing to a table when the layout=”editors-choice” parameter is set. Shortcode Code
Filter: display_posts_shortcode_wrapper_open
Customize the outer opening markup for the entire listing. By default it is ul but can be changed to ol or div using the ‘wrapper’ attribute. Use this filter to change it to any HTML element.
Adapt listing layout based on number of items
The Post Grid styling works great if you know how many posts will be returned, but it doesn’t look good to have a single post in a 3 column grid. The code below will add an additional class to the wrapper indicating the number of posts in the result (ex: count-4). You can then adjust […]
Use section element for wrapper
Display Posts outputs an unordered list (<ul>) by default, but you can change this to an ordered list or div using If you would prefer a different wrapping element, like a <section>, you can use the following: