Skip Navigation

Galleries (Grid, Masonry, Collage) of Static Images for Pages in WordPress

When you’re adding a gallery to a page (like the site’s homepage), you want to upload images into the gallery and choose styling options.

Duration

Follow these steps

  1. Insert the Toolset Gallery block.
  2. Choose your gallery layout: grid, masonry, or collage.
  3. Upload images or select them from the Media Library.
  4. Select the images and click to create a new gallery.
  5. If needed, add captions to the images and click to insert the gallery.

You will now see the gallery in the editor.

There are many ways to customize your gallery, including:

  • Drag-and-drop the images to customize their order. 
  • Change the gallery style at any time and switch between grid, masonry, and collage.
  • Add and remove images.
  • Display images using a Lightbox.
  • Add image captions with custom styling.
  • Control the number of columns and spacing between images.

For more information on different image options, check out the lesson about displaying images with Toolset.

Custom Layouts for Collage Galleries

Collage-style galleries offer preset layouts. Here is how you can design your own custom layouts:

  1. Insert the Toolset Gallery block.
  2. Choose the Collage layout.
  3. Click the Design button.
  4. Use your mouse to draw a custom gallery layout. Make sure there are no empty spaces in your grid.
  5. Click to apply your layout.
  6. Select images and click to create and insert your gallery.

Main Toolset Block Used in this Lesson

Display images as gallery

Updated
May 31, 2021