WordPress allows you to add images to your site in numerous ways. One of the most effective ways to do this is to add images in columns and rows. It lets you present your images in an organized way.

In this blog post, we’ll show you multiple ways how to display WordPress images in Columns & Rows.

• Method 1: Using the Column Block (Best for full manual control and custom layouts)
• Method 2: Using the Gallery Block (Best for simple image grids with minimal styling)
• Method 3: Using the Galleryberg Block (Best for advanced layouts with lightbox and customization)
• Method 4: Using the Tableberg Plugin (Best for structured image grids like pricing, schedules, or product tables)

Create Beautiful Tables
With Block Editor

Try Free

Get Pro

Method 1: Using the Column Block

WordPress has a default column block. You can add many more blocks inside it, including the image block. Here’s the guide.

Step 01: Add the Gutenberg Column block

Find and add the Column block by clicking the plus (+) icon on the editor.

Select the number of column variations you want to add to the column block. For this tutorial, we’ll select the 50/50 column variation.

Step 02: Add the Image Block to the Column Block

As we said, you can other Gutenberg blocks within the column block. Now, click the plus (+) icon within the column. Find and add the Image block to it.

You can now add images from the Media Library or the local drive. Do it as you wish.

Step 03: Stylize the Image Block within the Column Block

You can see we have added an image. You can align it centrally using the alignment option on the toolbar. Resize the image holding the edge-circle icon. Finally, you can stylize it more using options under the Style tab.

In the same way, add an image to the other column as well.

Method 2: Using the Gallery Block

WordPress has a default Gallery block by which you can add multiple images with the same block layout.

Step 01: Add the Gallery Block

Like the above method, find and add the Gallery block to the editor.

You’ll be allowed to upload images from your local drive or the Media Library. In this tutorial, we’ll upload images from the Media Library.

Step 02: Select and Upload Images

Select the images you want to upload to the Gallery block. You can select as many images as you want. Once done, click the Create a new gallery button.

You can add captions for each image if you want. No problem if you don’t add anything. Hit the Insert Gallery button at the end.

You can see that images have been added to the gallery. Next, you can customize the Image block using options from the Settings and Styles tab on the right sidebar.

Hopefully, you can do it alone, so I don’t go into details.

Method 3: Using the Galleryberg Plugin

If you’re looking for a more flexible and visually polished way to display images in columns or rows, the Galleryberg plugin is a fantastic choice. It’s a Gutenberg-native gallery block plugin that gives you multiple layout options – including Tiles, Masonry, Justified, and Square — all with built-in lightbox support.

Step 1: Install the Galleryberg Plugin

Go to your WordPress dashboard and navigate to Plugins > Add New. Then search for “Galleryberg” and install & activate the plugin.

Step 2: Add the Galleryberg Block

Open the page or post where you want to display the images. Then click the + button and search for the “Galleryberg” block. Add it to the page.

Step 3: Upload or Select Images

Use the media library or upload new images. You can rearrange images by drag and drop.

Step 4: Choose a Layout

From the block settings panel, select your desired layout:

• Tiles: Grid layout with equal spacing (ideal for rows & columns)
• Masonry: Pinterest-style stacked layout
• Justified: Neatly aligned rows of equal height
• Square: Perfect squares for uniform grid display

Step 5: Enable the Lightbox Option

In the block settings sidebar, toggle the Enable Lightbox option.

Your images will now open in a popup with smooth transitions, zoom effects, and slide navigation.

Step 5: Customize and Publish

• Set the number of columns (from 1 to 8)In the block settings sidebar, scroll down to the Lightbox section.
• Toggle the Enable Lightbox option.
• Your images will now open in a popup with smooth transitions, zoom effects, and slide navigation.
• Adjust spacing, captions, borders, and more
• Enable lightbox for interactive image previews

Click Publish or Update and your gallery will appear in clean, responsive rows and columns.

Method 4: Using the Tableberg Plugin

TableBerg is an easy-to-use table-builder plugin. It allows you to add various custom blocks to the table cells to create multifunctional tables. In this section, we’ll show you how to add images in WordPress using the Tableberg plugin.

Step 01: Install and Activate the Tableberg Plugin

Go to Plugins > Add New Plugin. Type Tableberg in the search box. Install and activate it once the plugin appears below.

Step 02: Add the Tableberg Block to Your Post/Page

The plugin comes with a Gutenberg block named TableBerg. Find and add the TabelBerg block to your editor.

Define the row and column number for the table. The process is similar to the default table block. Do it yourself.

Step 03: Find and Add the Image Block to the Table

Hope your table is ready. Select the cell where you want to add an image. Once you select a cell, the plus (+) icon will appear.

Click the plus (+) icon. You’ll get the Image block. Hit the Image block.

You’ll get options to upload images from the local drive or Media Library. Click any option you want and upload the image.

Step 04: Stylize the Uploaded Image

Hopefully, your image is already uploaded to the table. Come to the Styles tab on the right sidebar. You will find options like Duotone, Border, and Radius to stylize your Image block.

Thus, you can upload images to the WordPress table with the plugin. Explore how to create a team member section in WordPress using the column block.

Final Remarks!

To successfully maintain a website, you need to upload and present your content in different ways. Sometimes, the same content has to be presented in different ways in different posts and pages. And it’s the same for the image block as well.

Hopefully, after reading this tutorial, you will be able to add your Image block in various ways in WordPress and bring variations to the content.

<p>The post How to Display WordPress Images in Columns & Rows first appeared on Tableberg.</p>

One effective way to showcase images is by placing them side by side. This technique is particularly helpful in comparing multiple products, presenting before and after images, and telling a story.

In this article, we’ll show you three easy ways how to put images side by side in WordPress.

• Method 1: Using the Gallery Block
• Method 2: Using the Columns Block
• Method 3: Using the Tableberg Block

Create Beautiful Tables
With Block Editor

Try Free

Get Pro

Method One: Using the Gallery Block

WordPress comes with the default Gallery block. You can present images side by side with the block in the following ways.

Step 01: Add the Gallery Block to WordPress

Simply open a post or page. Find the Gallery block in the Gutenberg block library by pressing the plus (+) button. Add it to the editor.

Click the Upload button to add fresh images from your local storage to the side. Or, you can upload them from your existing files by clicking the Media Library button.

For this tutorial, we’ll upload images from the Media Library. Select the images you want to add. Hit the Create a new gallery button at the end.

Once images are added to the editor, you’ll see them appearing side by side. Next, you can customize the settings and stylizations of the Gallery block using the respective options on the right sidebar.

Note: If your images are not displayed side by side by default, select the entire block by clicking the Gallery icon on the toolbar. Specify the column numbers on the right sidebar.

Method Two: Using the Columns Block

The Column block allows you to divide your content into multiple columns. You can add other blocks to add different types of content within each column.

Step 01: Add the Column Block to Your Site

Add the Column block to your editor following the same method described above.

Select the column layout as you like. You can display an equal number of images side by side, corresponding to the number of columns you add. We’ve selected the two-column layout for the block.

Add the Image block by hitting the plus (+) button within the Column block.

Upload an image the same way we showed you above.

Note: As this is the Image block, you can add only one image, unlike the Gallery block.

In the same way, add the Image block again to the second column.

You can see the second image has appeared next to the first one. You can now add alternative texts and other settings for the images one by one.

Method Three: Using the Tableberg Block

Tableberg is a block-based table-builder plugin. Using it, you can also create columns and display images side-by-side. Follow the steps explained below after installing and activating the plugin.

Step 01: Add the TableBerg Block

The plugin comes with a TableBerg block. Add it to your editor.

You may select multiple rows if you want. But we’ll explain today’s tutorial with a single row and multiple columns.

TableBerg allows you to add different types of blocks to the cells of the table. Add the Image block to the table cells.

Upload an image to the table cell the same way we showed you in the above two methods.

Keep adding images to other columns of the table using the Image block. Hope you can do it alone.

See the image below. We have displayed three images side by side within the table created with the TableBerg block.

# Remove the table border

You can see a border around the table. To remove it, click the TableBerg icon three times on the toolbar. Go to Styles tab > Border on the right sidebar. Put the value zero (0) to define the table border size.

Thus, you can display images side by side on WordPress websites.

Conclusion

Showing images side by side is highly advantageous, whereas visual comparison between different products, options, features, and variations is essential. Hope you can do it alone today with this tutorial.

You can do more on your site by creating different types of tables using the TableBerg plugin. Take a look at how to create Amazon product comparison table in WordPress.

<p>The post How to Put Images Side by Side in WordPress (Three Ways) first appeared on Tableberg.</p>