Pop Up Image

Get the Full PDF guide to creating an online store with WooCommerce (88 pages) for FREE

A comprehensive database for everything WordPress related.

TOP
WPKlik Logo Newsletter

Sign up and receive a free copy of How to Create an online Store with WooCommerce (full guide)

Gutenberg-Gallery-Block-Features

Gutenberg Gallery Block Features

Gutenberg Gallery Block is a new option that comes with Gutenberg WordPress editor. Before, handling of the gallery in the classic WordPress editor required a more advanced knowledge. Now, thanks to the Gallery Block option, even a mere beginner who never came into contact with website development can create a gallery with complete ease. It is safe to say that this new feature will considerably change the game when it comes to image editing in WordPress.

We will guide you through all the different options that Gutenberg Gallery Block has in store.

image gutenberg gallery

Gallery Block’s core function is to allow sharing of a group of images in a gallery-style format on your site. This is similar to the image gallery in the classic WordPress editor, although there are a few completely new options that come with Gutenberg editor. These include a possibility of adding image caption directly on the image, as well as gallery columns and crop images setting. We will talk about all these settings in more detail below.

You can choose your images in the same way that you can in the classic editor – by selecting pre-existing images in the Media Library, or by uploading new ones from your computer. After you’re done with the images selection, you can click the Create a new gallery button to insert your gallery onto the page.

Once you’re finished with creating your gallery, you will notice that there are some options that are the same as the ones in Image Block, such as align or change block type. Gutenberg Gallery Block shows you the full potential of the latter option. If, for example, you decide to transform Gallery to Image, all pictures will line up individually, one below the other.

Image Captions

It is totally up to you whether you want to use this option or not, but in case you plan to use it, you will be happy to know that each image can have a caption on its own. The caption usually appears at the bottom of every image with a semi-transparent background. The color of the text and background depend on the theme you’re using.

caption gutenberg gallery

Gallery Columns

We have to note that in Gallery Block, you don’t have the ability of choosing the size of the pictures. Instead, they change proportionally to the number of columns that you wish to have in your gallery. The biggest column number that you can put is the same as the number of pictures that you end up adding to your page or post. In other words, this number is infinite. Nevertheless, be mindful of the fact that after adding more than 6 columns, your pictures may appear smaller than you’d like them to be.

image gutenberg

Crop Images

If you plan to use images that contain different aspect ratios, like portrait or landscape, then make sure that the Crop Images setting is on. This will ensure that all your photos fit automatically within the column number you’ve picked. You can find this setting right underneath the column number.

The picture on the left below shows you how your gallery will look with the Crop Images setting turned off, while on the right you can see how your pictures will look like when it’s on.

gutenberg blocks

Of course, there are some situations where it would be better to turn off this setting. For instance, you should do this in case of having one column galleries, or if you want to show your images in their original size.

Link Images

Just like Image Block, Gallery Block also has a Link To setting with three different options. You can display the image without any link, you can link to a specific page on your website (although this option is rarely used nowadays), or allow it to open the image file by itself.

If you’re not satisfied with your picture selection or their arrangement, you also have an Edit option. In this way, you can remove any file from the list, or drag and drop your files to reorder them.

gutenberg-gallery-block

Conclusion

That is it for our Gutenberg Gallery Block overview. As you can see, the process of adding pictures to your gallery is completely simplified thanks to Gutenberg’s intuitive interface. Go ahead and try out all the useful options that come with it!

We hope that you found this article to be helpful. If you liked it, please feel free to check out some of these articles as well!

Newsletter

WordPress perfection at your fingertips.

If you enjoyed this article, feel free to subscribe to our newsletter using the form below. You can also follow us on Facebook and Twitter and subscribe to our YouTube channel for WordPress video tutorials.

Leave a Reply