Support Home > Photos and Videos > Tiled Galleries

Tiled Galleries

With Tiled Galleries you can display your image galleries in three new styles: a rectangular mosaic, a square mosaic, and a circular grid. The rectangular and square tiled layouts also have hover-over captions to save space while making captions accessible.

In order to use Tiled Galleries,  be sure to activate the Image CDN. To do that, go to Jetpack → Settings → Writing and activate Speed up image load times.

Optional: To make all of your galleries tiled by default, go to SettingsMedia in your blog’s dashboard and select the box next to “Display all your gallery pictures in a cool mosaic.” This is enabled by default when you enable the Image CDN, but you can disable it at any time in SettingsMedia.

Here are some previews:

We also have an interactive post with these examples.

To use Tiled Galleries, create a new gallery with the “Tiles” option selected.

gallery options

To learn how to add galleries and use the new layout options, see this gallery support page.

Define a specific width for your galleries

Tiled Galleries are built to fill your theme’s content width. You can define a specific $content_width value by adding the following code to your theme’s functions.php file:

if ( ! isset( $content_width ) ) {
    $content_width = 800;
}

If you do not feel comfortable editing theme files, you can also use this plugin: Custom Content Width.

If your theme doesn’t define a content width, Tiled Galleries will default to 500px wide. You can read more about the Content Width theme feature here.

If your theme already defines a $content_width value, but you would like to use a different value for Tiled Galleries only, you can use the tiled_gallery_content_width filter.

To make a single image on a post or page appear in a gallery view, edit the image and set the Link To display setting to “attachment page”. Now, when your image is clicked, it will appear in the gallery overlay view.

If you use the Cleaner Gallery plugin or a theme including this functionality, you won’t be able to use the Tiled Gallery features on your site. To solve this conflict, you can install this small plugin to deactivate Cleaner Gallery.

Missing Slideshow Option

If the Slideshow option is missing, you can get it back by enabling ‘shortcode embeds’ module in Jetpack.

Privacy Information

This feature is deactivated by default, as it is accompanies our Image CDN feature. It can be deactivated any time by toggling the Serve images from our servers setting in the Speed up your site section from Jetpack — Settings — Writing in your dashboard.

If you would like to toggle this feature independently of the Image CDN, you can follow the guide here.

Data Used
Site Owners / Users

None.

Site Visitors

None.

Activity Tracked
Site Owners / Users

None.

Site Visitors

None.

Data Synced (Read More)
Site Owners / Users

We sync options that identify whether or not the feature is activated and how its available settings are configured.

Site Visitors

None.

  • Table Of Contents

  • Categories

  • Contact Us

    Need more help? Feel free to contact us.