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

put images side by side

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

The newcomers 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). No extra plugin is needed, all you need is to use the ‘Gallery Block’ of the Gutenberg editor. 

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 see how to put images side by side in WordPress

Putting Images Side By Side Using ‘Gallery Block’

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

At the very beginning, you need to create a new post or open an existing one’s in the content editor. Add a new block by clicking the (+) symbol.

As you need to put images side by side, search for ‘Gallery Block’ and insert it. You can also find it under the Common Blocks.

Now you need to upload the images. Simply click on the ‘Upload’ button and select your image files. If you want to use images from the media library, then hit the ‘Media Library’ button and choose your preferred ones. 

There’s another way to add images, and it’s even easier. All you have to do is drag the images into the gallery block. 

I have added two images in our Gallery block, and WordPress has positioned it side by side. 

What if you want to add more than two images side by side? Well, as you add the third image, all the images will be resized and placed on one line. 

Upon uploading the fourth image, it will be placed below the three images. 

Wait a minute, ‘Can’t I set the number of images to set in one column?’ Of Course, you can. You can set 1- 4 images in a single column. 

First, make sure your options panel is open; to open it, click the setting icon. 

Select the gallery block, and you will see its setting on the right side of the screen. 

Now adjust the column number from 1-4. For example, if you want two images side by side, set the column number to 2. For setting four images side by side, set the column number to 4. 

Isn’t it simple? 

Wait, there’s one more thing; you can 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. 


I hope now you can put any images side by side in WordPress according to your preference.

If you have any questions regarding this, feel free to ask via comment.


Easy WP Tweaks

10X Your Site Growth!

Join the growing library of Easy WP Tweaks to grow your WordPress site.

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. 😉

    All the best,
    Remo Knops

Leave a Comment

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