Masonry Images Shortcode
The masonry images shortcode produces masonry style layouts of images with varying heights.
Demo: Masonry Images Shortcode
Tip: You will find a list of shortcodes by clicking "More information about text formats" at the bottom right under the WYSIWYG editor.
Insert Masonry Images Shortcode
- Place your cursor in the Body content areas where you want the masonry images gallery to appear.
- Enter the shortcode:
[masonry-images columns=2]
images go here
[/masonry-images]
Set the Number of Columns
- The opening tag sets the number of columns. You may have 2 to 5 columns.
Sample shortcode with four columns:
[masonry-images columns=4]
images go here
[/masonry-images]
Image Layout Tip
The masonry images shortcode adds images one after another, first in the horizontal direction, then vertically.