Re-usable Sections – Shortcodes
Since v.2.0 Chained has implemented 3 shortcodes which can help you create many beautiful blog or news sections.
Masonry
[masonry]This is Masonry shortcode without any parameters, by default will display:
4 Published Posts in 4 columns, ASC order from all categories in Masonry Layout
Parameters:
category – is used to select the category of posts you want to display and is used as: category=”number”
columns – is used to establish in how many columns you want the post to display and is used as: columns=”5″ (minim 2 and maxim 8)
posts_per_page – is used to select the number of posts you want to display and is used as: posts_per_page=”number”
order – is used to set the order in which you want the posts to display and is used as: order=”ASC” or order=”DESC”
ASC or DESC refers at the published date.
A complete shortcode that will display, let’s say 16 articles from Fashion Category in descending order (oldest first) in 6 columns will be:
[masonry category=”Fashion” order=”DESC” columns=”6″]
Mosaic
[mosaic]This is Mosaic shortcode without any parameters, by default will display:
5 Published Posts, ASC order from all categories in Mosaic Layout.
Parameters
category – is used to select the category of posts you want to display and is used as: category=”number”
posts_per_page – is used to select the number of posts you want to display and is used as: posts_per_page=”number”
order – is used to set the order in which you want the posts to display and is used as: order=”ASC” or order=”DESC”
overlay – is used to add an background overlay with opacity for the text above image if the image is to light and the content cannot be well seen. Is used as: overlay=”yes” or overlay=”no”
style – is used to select the style for Mosaic Shortcode. There are 4 styles in total: Default, Default Reversed, Style 1 and Style 1 Reversed. Is used as: style=”style-1″ or style=”style-1-reversed” or style=”default-reversed”
ASC or DESC refers at the published date.
A complete shortcode that will display, let’s say articles from Fashion Category in ascending order (newest first) with overlay added will be:
[mosaic category=”Fashion” order=”ASC” overlay=”yes”]
Grid
[grid]This is Grid shortcode without any parameters, by default will display:
4 Published Posts from all categories in, ASC order, in 4 columns, with 32px gutter between them, with title Horizontal News, and title color=”inherit”, in Grid Layout Design.
Parameters
category – is used to select the category of posts you want to display and is used as: category=”number”
posts_per_page – is used to select the number of posts you want to display and is used as: posts_per_page=”number”
columns – is used to establish in how many columns you want the post to display and is used as: columns=”5″ (minim 2 and maxim 8)
order – is used to set the order in which you want the posts to display and is used as: order=”ASC” or order=”DESC”
gutter – is used to set the distance between the posts and is used as: gutter=”nrpx”
show_title – is used to establish if you want or not to display the section title and is used as: show_title=”yes” or show_title=”no”
title – is used to overide the default (Horizontal News) and is used as: title=”My Custom Title”
color – is used to overide the default color for the title and the border and is used as: color=”#00000″ (any color)
hide_content – is used to hide the post excerpt and post meta when there are more than 4, 5 columns, the extra text doesn’t look very nice and would be ok to hide it as: hide_content=”yes”. By default it’s no.
A complete shortcode that will display, let’s say articles from Fashion Category in ascending order (newest first) in 5 columns with title “Fashion Posts” and title color red:
[grid category=”Fashion” order=”ASC” columns=”5″ title=”Fashion Posts” color=”red”]