How To Put Images Side By Side In WordPress (Gutenberg)

Are you looking for a way to put images side by side in WordPress?

The beginners often struggle to put two pictures side by side in pages and posts. Well, you can easily put images side by side in WordPress by using its default editor (Gutenberg).

Yes, you don’t need to use any plugin. All you have to do is use the Gallery block.

It’s very easy to use, and the most interesting part is you won’t have to write a single line of code. So let’s dive in.

How Put Images Side By Side In WordPres

The Gallery Block allows you to display multiple images in rows and columns. 

At the very beginning, you need to create a new post or open an existing one where you want to add images. Now click on the + sign and search for ‘Gallery’ and insert the block.

WordPress Gallery Block

Now you need to upload the images. Simply click on the ‘Upload’ button and select image files from your PC. You can also drag the images into the gallery block.

Uploading Images to Gallery Block

If you want to use images from the media library, then hit the ‘Media Library’ button and choose your preferred ones. 

I’ve uploaded four images and WordPress has positioned three of them side by side.

You can change the number of column to show two, three, or four images side by side. Simply click on the ‘Block’ tab from the right-hand side options panel and change the number of columns.

You can also change the image positions with one click. Just click on the arrows over images. These arrows will help images to move backward and forward in the gallery. 

That’s it. You’re done.

Conclusion

I hope now you can put any images side by side in WordPress according to your preference. If you’ve any questions regarding this, feel free to ask via comment.

And if you’ve found the post useful, please consider sharing the post.

1 thought on “How To Put Images Side By Side In WordPress (Gutenberg)”

  1. Hi Ultimate Blocks team,

    Excellent guide that I’ve included in my article. Unfortunately the Gallery Block doesn’t support the use of external hosted images (on Flickr). So I’ve created a similar guide for external hosted images displayed side by side using the Columns Block in the Gutenberg editor. Hope your audience can also benefit from that option. 😉

    https://www.remo-knops.com/10738/how-to-put-two-external-hosted-images-on-flickr-side-by-side-with-gutenberg-columns-block/

    All the best,
    Remo Knops

Leave a Comment

Your email address will not be published.