How To Put Images Side by Side In WordPress Easily

by

Last updated on November 8th, at 07:01 pm

Have you been struggling to display/put images side by side in columns and rows in WordPress editor? Here’s how to put images side by side easily.

By default when you add multiple images in WordPress posts they appear in a vertical column on top of each other.

This may not be an issue if you have two or three images, however, if you are adding multiple photos to a blog post, then this doesn’t look very clean, the images may occupy a lot of space and require a lot of scrolling for your users. See the image below

put images side by side in wordpress

In this article, you will learn how to easily put two or three images side by side in WordPress posts. This way images will appear in a compact layout and improve the user experience on your website.

See also: How to easily optimize images for the website before uploading

Put images side by side in columns and rows.

This method does not require any plugin and works fine if you don’t add multiple images too often.

Step1: Create a new post where you want to place multiple images or you can edit an existing post where you want to display images.

Step 2: On the post edit page, click on the “Add Media” button, this will open the media uploader page.

Step 3: Next select and upload all the images that you want to display on your post. After the upload, you will see all the images in your media library.

Step 4: The images you just uploaded may already be selected, if not hold the control tab on the keyboard and click on each image that you want to display to select.

put images side by side in wordpress

Step 5: Next on the left column click on the “Create Gallary” link and then click on “Click a new gallery” at the bottom right.

The gallery settings option will appear as a new pop-up on the right. Here you can select the number of columns, edit image links, what size to display, and select display order.

gallery options

Step 6: Once options are selected click on the insert gallery at the bottom.WordPress will insert your gallery with all the images on your post, in columns and rows that you have selected earlier. See below

put images side by side in wordpress

As you can see above all the six selected images are put side by side in WordPress editor.

If you need to change the number of columns or other settings just click to select your gallery and click on the pencil icon to edit.

Check out: How to combine multiple images in one PDF file

Conclusion:

This is the easiest and clean way to put images side by side in columns and rows in WordPress editor. After your gallary of images is inserted you can continue writing your post, preview, and publish.

Related Posts: