Home > Media Blocks > 1.4 Gallery

Gallery

The Gallery block allows authors to add multiple images organized in a tiled layout. The number of columns can be adjusted, and images can be presented with or without captions. An option is available to launch a larger image in a modal window.

System ref: Gallery

1.0 Media

An arial view of snowy forests on a mountain
View from Mt. Asahi towards the Chubetsu Valley.
A photo of sculptures in a snowy forest
The contemplative nature of the forest is also an inspiration for artists. Here, Kan Yasuda displays one of his sculptures at the open-air art park, Arte Piazza in Bibai.
A photo of red-crowned cranes
The Red-crowned Cranes in courtship dance.
Traditional Ainu huts at the Ainu Living Memorial.
Traditional Ainu huts at the Ainu Living Memorial.
Asahikawa skyline in winter.
Asahikawa skyline in winter.

Gallery Settings

When you add the Gallery block, you will be prompted to upload your images or select them from the Media Library. Once images have been selected, you can edit the captions and reorder image by clicking into an individual image. Additional settings will be available in the Block Settings tab after you add images to the gallery.

A screenshot of the Gallery block editor and block settings tab.
The Gallery block allows you to upload a set of images that display in a grid.

Setting Options:

  • Style: This is found in the Block Settings tab on the right-hand side. If you would like users to be able to click into a larger version of the image, choose Gallery Modal. If you do not want this option, select Default.
  • Columns: This is found in the Block Settings tab on the right-hand side. This lets you choose how many columns will be in your gallery. If the number of images in your gallery is not equally divisible by the number of columns you have chosen, then the gallery will make the last image(s) larger in order to fill in the space.
  • Crop Images: To keep images in a precise grid, turn this on. Your images will be cropped to fit the grid. If you turn this off, they will not be cropped and your gallery will not adhere to a strict grid layout. This is found in the Block Settings tab on the right-hand side.
  • Link To: If you do not want the images to link to anything, select None. If you want the images to link to a page that contains only the image (for example, if it is a very large image that users may want to see on a full screen) then select Media File. This is found in the Block Settings tab on the right-hand side.