With Tiled Galleries, you can display your image galleries as a thumbnail grid, tiled mosaic, square tiles, circles, tiled columns or as a slideshow.
Note: this page describes how to use Tiled Galleries when using the Classic Editor plugin or a Classic block. You can add find instructions on adding a Tiled Gallery block here.
Here are some previews:
![](http://jetpackme.files.wordpress.com/2013/11/example-gallery-tiled.jpg?w=150)
![](http://jetpackme.files.wordpress.com/2013/11/example-gallery-square.jpg?w=150)
![](http://jetpackme.files.wordpress.com/2013/11/example-gallery-circle.jpg?w=150)
To use Tiled Galleries using the Classic Editor plugin or the Classic block, the first step is to create a new gallery. To do this, you can click on the ‘Add Media’ button at the top of the Classic Block or Classic Editor toolbar, then select ‘Create gallery’ from the Actions menu. After selecting / adding images, you can choose your gallery type, from the following options:
- Thumbnail Grid
- Tiled Mosaic
- Square Tiles
- Circles
- Tiled Columns
- Slideshow
You can also select the image size, number of columns, whether to link each image to an attachment page, media file or have no link, and whether to display images in a random order.
![This image has an empty alt attribute; its file name is screenshot-2021-03-24-at-08.22.39.png](http://jetpackme.files.wordpress.com/2021/03/screenshot-2021-03-24-at-08.22.39.png?w=452)
Image Captions
You can enter a caption for each image when creating your gallery. This will be displayed when hovering over the image if you are using the Tiled Mosaic or Square Tiles layout (captions don’t play nicely with circles!)
Customization
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.
Troubleshooting
Tiled Gallery options do not appear, or do not display correctly
- First make sure to check that you have a working Jetpack connection.
- Next go to Jetpack → Settings → Performance and make sure the Speed up Image Load Times option is enabled.
- Try switching to a different theme to check if your theme is conflicting with Jetpack’s Tiled Galleries.
- Disable any other slideshow or gallery plugins to rule out a conflict.
- Finally, 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.
How to display a single image in a gallery view
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.
Missing Slideshow Option
If the Slideshow option is missing, go to Jetpack → Settings → Writing and make sure the Compose using shortcodes to embed media from popular sites option is enabled.
Privacy Information
This feature is activated by default when using a Classic Block or Classic Editor plugin. To use the feature independently of the Image CDN, you can follow the guide here to make sure the Image CDN is deactivated and Tiled Galleries are activated.
When using the Tiled Gallery block, this feature is deactivated by default as it accompanies our Image CDN.
More information about the data usage on your site
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. |