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.
You can create your Tiled Gallery by following these steps:
- Make sure the module is activated in your Jetpack dashboard
- Create a new gallery with the “Tiles” option selected.
- Optional: To make all of your galleried tiled by default, go to Settings → Media in your blog’s dashboard and select the box next to “Display all your gallery pictures in a cool mosaic.“
Here are some previews:
To use Tiled Galleries, first make sure the module is activated in your Jetpack dashboard. Then create a new gallery with the “Tiles” option selected.
To make all of your galleried tiled by default, go to Settings → Media in your blog’s dashboard and select the box next to “Display all your gallery pictures in a cool mosaic.” Note that choosing this option makes this layout the default for all your blog’s galleries, including those you’ve previously inserted.
To learn how to add galleries and use the new layout options, see this gallery support page.
It’s worth noting that images in tiled galleries require extra-special processing, so they will be served from WordPress.com’s CDN even if the Photon module is disabled.
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
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.
Tiled Gallery options do not appear!
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.