How to Add Images Side by Side in WordPress

Do you want to know how to add images side by side in WordPress posts or pages.

Images can enhance a site’s appearance and help tell a story, but they can also be useful in the context of text. They can add dimension, depth, and style to a piece of text, making it more interesting and readable.

When creating a blog post, adding images can make the content more engaging and appealing to readers. However, sometimes you want to place two or more images side by side on the page. 

In this tutorial, we’ll show you how to easily add images side by side in WordPress. We’ll also provide some tips for optimizing your images for better performance. Let’s get started!

Using WordPress Block Editor Add Images Side by Side

The WordPress block editor is a great way to create engaging content. You can use it to create your blog posts and galleries, but it’s especially useful for displaying images. 

The ‘Gallery’ block displays images in rows and columns, which makes it easy to side by side your images without losing any quality.

First, create a new blog post or edit an existing blog post, then you can see this + button click on this and find the Gallery option.

To add images side by side in WordPress click on Gallery.

You can now easily add images to your gallery block by dragging them in or using the Upload button. Images from your WordPress media library can also be used.

Add media library from gallery.

Now click on the media library or you can upload new images. Then you can click on any two images or you can add more than two.

Creating multiple media gallery.

We’ve added three images side by side to our Gallery block, as you can see. WordPress has automatically positioned them next to each other.

All media images add side my side in WordPress.

You can specify how many images WordPress should display side by side in a single column.

First, if it isn’t already selected, click on the Gallery block. The Gallery’s block settings can be found on the right side of the screen.

Block editor and adjustment for media images.

You can change the number of columns in this section to any number. For example, if you want two images next to each other and two more beneath them, set the Columns to 2.

That’s all there is to it!

To change the position of an image in your gallery, simply click on it. You’ll then see arrows in the gallery that you can use to move it forward or backward.

Using Plugin add Images Side by Side In WordPress Blog

If you’re using the old classic WordPress editor, or if you want to create more complex galleries than the default Gallery block, a WordPress gallery plugin is required.

Envira Gallery is the best WordPress gallery plugin, and we recommend it.

For the purposes of this tutorial, we will be using the free version of Envira, but you may want to upgrade to the Pro version to gain access to more powerful features such as albums, image slideshows, and so on.

You must first install and activate the Envira Gallery plugin. If you’re unsure, simply follow our step-by-step guide on how to install a WordPress plugin.

Then, in your WordPress blog post, navigate to the + button then select Envira Gallery.

How to add images side by side in WordPress by Envira Plugin.

Now you can start uploading images side by side using Envira Gallery.

Adding media library form envira gallery.

You can see here I added 4 Images of how it looks using Envira Gallery. If you want to add more you can multiple images.

Adding side by side images in WordPress.

Now if you want to adjust these images like height, margin, and etc. You can adjust using this plugin option that is shown in the sidebar.

Block editor by adjusting images.

If you want to add more images to your gallery, go back to it in your WordPress dashboard by clicking Envira Gallery » All Galleries. To edit your gallery, simply click on its name.

All gallery option from envira gallery

Any changes you make to your gallery will be reflected in the posts, pages, or sidebars where you’ve placed it. You don’t need to include it again.

You can still use Envira Gallery if you use the classic editor instead of the block editor.

Above the classic editor, you’ll see an ‘Add Gallery’ button that you can use to add an existing gallery to your post.

How to add side by side image in WordPress.

Frequently Ask Questions

  1. How to align multiple images in WordPress

    Simply select the photographs you want to insert by clicking the Add Media icon in the editor's upper left corner. After you've made your selections, click the Insert into post option. To align the photographs next to one other, right-click on each image and select Align left (you need to be in the Visual tab to do this).

  2. How do I put text and images side by side in WordPress?

    Adding both photos to a Gallery block is the simplest approach to display two images side by side in a WordPress post. To display both photographs next to each other, simply choose a 2-column arrangement for the gallery block. To ensure that both photographs are the same size, check the 'crop thumbnail' option.


We hope this tutorial helped you learn how to add WordPress images side by side and our comprehensive list of the must-have best WordPress plugins (expert pick).

If you liked this article, then please subscribe to our blog and share it with your friends. You can also find us on Twitter and Facebook.

Rishabh Kolhe
Rishabh Kolhe

I am the founder of WealthyWork, I started my digital marketing journey in 2017. First, I started my career with SEO in Culturelligence, then after some time, I learned more about Digital Marketing. I worked as a Digital Marketer with Agile PeopleOps, a US-based HR organization. Now I am working in WealthyWork, We all specializing in Digital Marketing Services.

Articles: 103