How to add multiple Gutenberg image blocks quickly

Adding multiple images using WordPress Gutenberg

Nico Technique, Web Design 25 Comments

For some time now it is been frustrating me that, as a photographer, when I want to add multiple images to a blog post using the new WordPress Gutenberg interface I have to do each image one at a time.

In fact, it annoys me so much, that I started to post multiple images as galleries instead.

WordPress galleries though, have never been ideal, as options are limited for enlarging images on click, or linking to external files, and the layout is inflexible.

I am aware, of course, that there are myriad plugins to present pretty galleries of images within your blog post but, as someone who likes to keep a WordPress site as lean and efficient as possible, unnecessary plugins are not, for me at least, the answer.

It was while trying to add a WordPress gallery and then changing my mind, that I discovered a nifty trick for adding multiple images and presenting them in classic Gutenberg image boxes image blocks, without having to do them one at a time.

So how did I do it?

At the point in your blog post where you would like the images to start, choose the Gallery style of block and proceed to add images. You will be taken to the WordPress media library to select the images you would like your gallery. Choose the images accordingly and complete the process so that WordPress inserts a gallery at that point in your post.

change gutenberg block type - Adding multiple images using Wordpress Gutenberg
Click at the top left of the Gallery block to change the Gutenberg block type

Then in the top left of that you can block change the style of the block from a Gallery to Image and, hey presto, the gallery unfolds and you are presented instead with a list of Gutenberg image blocks which previously would have taken you a while to add individually.

multiple gutenberg image blocks - Adding multiple images using Wordpress Gutenberg
The Gallery block is converted into multiple individual image blocks, saving a lot of time.

You’re welcome.


Comments 25

  1. Thanks for sharing this amazing trick!

    I’ve also been very annoyed by the Gutenberg limitation on inserting multiple images. This method totally works and saves me so much time that I feel the need to leave this comment to thank you! 🙂

    1. Post
  2. I knew you could convert galleries to images so god knows why this hack didn’t occur to me for multiples – you’ve just saved me literally days of image uploading. Thank you!

  3. Thank you so much!!! I’ve really be struggling to enjoy posting with the new interface that wordpress has upgraded to. But this tip is a huge help. It was not uncommon for me to make posts with 20-30 images and it was just taking forever until now. Thank you thank you!!!

    1. Post
  4. Thank you so much for this helpful tutorial! I’m still getting used to Gutenberg, and while I overall like it, there are definitely some areas that need to be improved.

    I was getting so frustrated with how much longer it takes to upload each individual photo! So glad to have found your article which will help me be more productive!

    1. Post
  5. Pingback: Inserting Multiple Images Into A WordPress Post Using Gutenberg – Brian.Carnell.Com

    1. Post
  6. Wow!
    Like others, I was getting frustrated with ONE. IMAGE. AT. A. TIME.
    Your trick saved me many hours of work as well.

    Thank you for sharing!!!

  7. Pingback: How To Insert Multiple Images At Once (Without Using A Photo Gallery) – Get For Free

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.