WordPress For Non-Techies: Free WordPress Tutorials – WPCompendium.org

Gallery Block

WordPress Gutenberg Blocks – Gallery

This tutorial is part of our WordPress Gutenberg: The Ultimate Guide For Non-Technical WordPress Users series.


Gallery Block Description

The Gallery Block lets you display multiple images in a rich gallery …

(Add Galleries to WordPress using the Gallery Block)

How To Use The Gallery Block

To add a Gallery Block:

Let’s go through the above steps:

First, create a new post or page or open an existing post or page and either:

Click on the ‘Add Block’ tool and select a ‘Gallery’ block …

(‘Add Block’ Tool – Add Gallery Block)

Or, select a Gallery Block in the Content Area

(Add a Gallery Block from the Content Area)

After adding a Gallery Block, you can add images to create a gallery:

Add Images To A Gallery Block Using Drag & Drop

To add images to your Gallery Block using drag and drop:

(Drag Images To Gallery Block)

Add Images To A Gallery Block Using Your Web Browser Uploader

To add images to your Gallery Block using your web browser uploader:

Let’s go through the above steps:

First, click on the ‘Upload’ button in the Gallery Block …

(Upload Media button)

This will bring up the ‘Upload Media’ window on your browser. Select images from your media files folder and click on ‘Open’ to import these into your gallery …

(Upload an image to the Gallery Block)

Click on ‘Upload an image’ to add more images …

(Upload additional images to your Gallery Block)

Repeat this process to continue uploading images to your Gallery Block using the browser upload window until all images have been uploaded.

Add Images To A Gallery Block From Your Media Library

To add images to a Gallery Block from your media library:

Let’s go through the above steps:

Hover your cursor over the Gallery Block and click on the ‘Media Library’ button …

(Media Library upload button)

Select images from the media library (or upload these from your ‘images’ folder) and click on ‘Create a new gallery’.

(Select images from your Media Library)

After all images have been selected, click and drag images to reorder these (optional) and click on ‘Insert gallery’ …

(Select images and click ‘Insert Gallery’)

The selected images will be added to your gallery …

(Image Gallery)

Update and publish your post or page to save your settings.

After adding an image gallery, you can edit and configure its block settings.

How To Edit Your Gallery Block

You can edit the Gallery Block itself and the images in the Gallery Block.

To Edit Your Gallery Block:

(Click Image Block to edit)

To Edit Your Gallery Block Images:

Remember to update and publish your post or page to save your settings.

How To Remove Images From The Gallery Block

To remove images from the Gallery Block:

(Remove images from Gallery Block)

How To Remove A Gallery Block

To delete or remove a gallery block:

(Remove a Gallery Block)

Additionally …

Gallery Block Tools, Options & Settings

The Gallery Block includes tools, options, and settings for:

Gallery Block Editor

(Gallery Block Editor)

The Gallery Block Editor includes tools that let you perform the following operations:

(Gallery Block Editor)

Gallery Block Settings

(Gallery Block Settings)

Gallery Block settings include:

(Gallery Block Settings)

Gallery Block – Additional Info

The Gallery Block can be converted into the following block types:

(Change Block Type – Gallery Block)


(Change a Gallery Block into other block types)


Installing plugins or themes on your site may add new functionality, options, or settings to Gallery Blocks.


Congratulations! Now you know how to use the WordPress Gutenberg content editor Gallery Block.


"This is an awesome training series. I have a pretty good understanding of WordPress already, but this is helping me to move somewhere from intermediate to advanced user!" - Kim Lednum
For a white label version of this tutorial visit WPTrainingManual.com.