Back to Support Content and Media Blocks Tiled Gallery Block

Tiled Gallery Block

Use the Tiled Gallery block to display multiple images in an elegantly organized tiled layout.

Video Tutorial

To add the Tiled Gallery block, click on the + Block Inserter icon and search for “tiled”. Click it to add the block to the post or page.

Adding a Tiled Gallery block.
Adding a Tiled Gallery block


Using your keyboard, you can also type /tiled on a new line and press enter to quickly add a new Tiled Gallery block.

Adding a Tiled Gallery block with slash inserter
Adding a Tiled Gallery block with slash command

For more information, visit our detailed instructions on adding blocks.

Add Your Images

After you add the Tiled Gallery block, you’re given two options: Upload and Select Images:

Adding images to a Tiled Gallery
Adding images to a Tiled Gallery

Upload allows you to upload a new image or multiple images from your computer to your website.

Select Images lets you choose from previously uploaded images in your Media Library, or choose from Google Photos, the Pexels Free Photos library, or Openverse.

Block Toolbar

After adding the images, when you click on the block, a toolbar of options will appear:

The parent Tiled Gallery block toolbar
The Tiled Gallery block toolbar

The Tiled Gallery block has the following options in its toolbar:

Block Settings

When you select a block, you will find additional block settings in the right sidebar. If you do not see the sidebar, you may need to click the Settings icon in the top-right corner to bring up the settings. This icon looks like a square with two uneven columns:

The settings icon in the Editor with a tooltip "Settings" below it.
Click the Settings icon to open the block settings

The Tiled Gallery block has the following settings:

Rounded Corners

The Tiled Gallery block includes an option for rounded corners that can be applied to all images added to the gallery.

In the Tiled Gallery block settings, there are three options for linking the gallery:

  • Attachment Page: This will lead anyone who clicks on the images in the gallery to your site’s attachment page. This is an informational page about your image, which includes the image, the caption, the image description, and a comment field.
  • Media File: This loads the images in a full-screen carousel, which your visitors can go through one image at a time. View Media Settings to adjust the carousel settings.
  • None (default): This makes your images unclickable, so they don’t link to anything at all.

Block Styles

In the block settings sidebar, click on the Styles icon to access the design settings for the block. The Styles icon is in the shape of a circle with half of the circle filled in:

An arrow points to the Styles icon that you can click to open up the block styles section.


With the Tiled Gallery block you can display your image galleries in four styles:

  • Default
  • Circles
  • Square tiles
  • Tiled columns
Tiled Gallery block Styles setting


You can also enable/disable the image carousel and its settings like background color, whether to show photo metadata and comments.

Color and Dimensions

More details for these standard block styles can be found in the following guides:

Was this guide helpful for you?

Not quite what you're looking for? Get Help!

Copied to clipboard!