Creating Tiled Galleries with Jetpack

Creating Tiled Galleries with Jetpack

If you are using the Jetpack plugin, and are also using the Carousel module, you can add even more cool features with the Tiled Galleries module. Say goodbye to the boring grid galleries that are your only choice with the default WordPress gallery settings. For example, this is a typical gallery created using the default gallery settings in WordPress. In this tutorial, I will show you how to Creating Tiled Galleries with Jetpack plugin.

Settings

Like the Carousel module, when you activate Tiled Galleries the setting appears in Settings > Media. Simply tick to activate. By doing this, you will still have choices for the grid as well as the standard grid layout, as you will see in the next few screenshots.

tiled-gallery-settings

Tiled Galleries Options

Now when you go to create your gallery, you have a few other options  added beyond the Thumbnail Grid and the Slideshow.

choosing-gallery-options

Let’s look at each option and exactly how the gallery from the first screenshot changes.

Tiled Mosaic

tiled-mosaic

Square Tiles

squared-tiles

Circles

circles

Tiled Columns

tiled-columns

A Couple of Notes From the Jetpack Docs

Width of Your Gallery – If you notice that the width of your gallery is a bit off, it may be because your theme doesn’t define the content width. As a result, the gallery will be 500 pixels wide.

You can define a specific $content_width value by adding the following code to your theme’s functions.php file:

 

$GLOBALS['content_width'] = apply_filters('wiloke_allow_filter_content_width', 800);

NEWSLETTERS

Subscribe to our email list and stay up-to-date with all our awesome releases and latest updates.
MailChimp Icon