Show posts

This shortcode allows you to create a grid of specific posts with configurable options. To do this use the [show_posts] shortcode.

As always, there are quite a few useful parameters available.

Default settings:

[show_posts category="" parent_page="" custom_post="" taxonomy="" specific_posts="" columns="3" posts_per_page="9" orderby="date" sort_order="DESC" titles="yes" excerpts="yes" dates="no"]

Parameter options:

category = show posts from a category name. Type a comma-separated list for more than one category.
parent_page = show child posts of a parent.
custom_post = show posts from a specific custom post type.
taxonomy = show posts from a particular taxonomy.
specific_posts = show specific, unrelated posts. Type the IDs of each post, separated by a comma.
columns = the number of columns for the grid. Between 1 and 4. Default is 3.
posts_per_page = how many posts to show before paging appears.
orderby = set the order of the posts e.g. date, menu_order, ID, author, rand, name.
sort_order = set whether posts should be sorted in ascending or descending order (ASC or DESC).
titles = set whether post titles should be displayed.
excerpts = set whether excerpts should be displayed. If the excerpt field hasn't been used on posts, then it'll use the first 100 characters of the body content from each post.
dates = set whether dates should be displayed.

Depending on the site, some further tweaks to the CSS might be required to ensure that all of this styling works. Ask for help if required.

If you don’t specify one of the parameters then it’ll use the default ones as above.


Example 1

This example displays specific posts IDs 3713 and 3723.

[show_posts specific_posts="3713,3723" columns="2" dates="yes"]

Overlay
 February 21, 2021
Within the Fluidal theme, you can create a box that shows a title which gets replaced with text when you hover over it. You can also set this box to be clickable through to another URL. To do this simply use the shortcode. There are quite a lot of useful parameters for this shortcode so you can create some really interesting blocks of content. Text to appear on hover Depending read more
Inset
 February 21, 2021
You can change the width of a text block, for instance to create shorter lines of text. This is most effective when the Fluidal theme has been customised to work at a wider grid width. Simply wrap your block of text within the shortcode. There are no parameters for this shortcode. ...text block or image etc Example 1 ...text block or image etc Example 2 ...text block or image etc read more



Example 2

This example displays posts from the custom post type called fluidal.

[show_posts custom_post="fluidal" posts_per_page="6" columns="3" dates="no"]


1 2 3
Overlay
Within the Fluidal theme, you can create a box that shows a title which gets replaced with text when you hover over it. You can also set this box to be clickable through to another URL. To do this simply use the shortcode. There are quite a lot of useful parameters for this shortcode so you can create some really interesting blocks of content. Text to appear on hover Depending read more
At a glance
Sometimes you might want to wrap a block of text or other content in a box to highlight it or as a pull out element. If so, simply wrap your block of text within the shortcode. There are quite a lot of useful parameters for this shortcode so you can create some really interesting blocks of content. …text block or image etc Depending on the site, some further tweaks to read more

Flex blocks
A common design element is to create 2 blocks of content which sit next to each other and are the same height (whichever is the tallest). To do this simply use shortcode. Admittedly this can initially look more confusing than it actually is, but it makes sense once you’ve done it a few times. Check out some tips here. In it’s very simplest form, the shortcode is as follows: [flex] read more


1 2 3
© 2023 Duncan Arrow Limited
  Website by duncanarrow.com