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.

Putting Images Side By Side in WordPress

Putting images side by side is very easy. In this process, you don’t need any plugins. All you have to do is follow these steps and then do it for yourself.

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 add block button ‘+’ and search for ‘Gallery’. Then, insert the block by clicking on it.

WordPress Gallery Block

Step 2: Upload Images

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. 

Step 3: Put Images Side by Side

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

You can change the number of columns 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 the 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. You can also do this with the help of external plugins, but it may slow down your website. 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.

Own a WordPress Site? You’ll Need This Plugin!

Unleash the power of the WordPress Block Editor with Ultimate Blocks! Dive into a world where crafting stellar content is a breeze, where every feature and tool you’ve dreamed of is right at your fingertips.

One response to “How to Put Images Side by Side in WordPress (Gutenberg)”

  1. Remo Knops Avatar

    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 Reply

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