Create Beautiful Responsive Photo & Video Galleries For Your Site in Minutes

Envira Gallery Blog

Digital Photography Tips, Tutorials and Resources

How to Display WordPress Photos in Columns and Rows

How to Display WordPress Photos in Columns and Rows

Written By: author avatar Waseem Abbas
author avatar Waseem Abbas
    

Do you want to display your WordPress images in columns and rows? Sometimes you need an organized way to display your photos on your website. In this article, we will show you how to display WordPress photos in columns and rows.

By default, you can align images to the left or right in WordPress posts or pages. Unfortunately, WordPress doesn’t allow you to display photos in columns and rows.

Thankfully, there is a way to get around this. You’ll need to create an image gallery with the Envira Gallery WordPress plugin so that you can display your photos the way that you want.

Creating an Image Gallery in WordPress

First thing you need to do is to install and activate the Envira Gallery plugin.

Upon activating the plugin, you can go to Envira Gallery » Add New to create an image gallery in WordPress. (To learn more, you can check out this guide on how to add an image gallery with thumbnail in WordPress.)

Once your image gallery is ready, you can display your photos in columns and rows.

Displaying Photos in Columns and Rows

First, go to Envira Gallery and edit your image gallery.

Edit Gallery

Next, you can to go to the Config settings. There, will you see a dropdown entitled, “Number of Gallery Columns”.

Columns dropdown

You can choose from one column to six columns for displaying your photos. It will automatically adjust the size of the thumbnails, and add the exact number of rows you need for the images you have selected for your gallery.

If you select the Automatic option from the dropdown, the columns and rows will be automatically adjusted according to what Envira Gallery predicts will look the best.

That’s it! Now your photos are displayed in rows and columns:

gallery with rows and columns

We hope this article has helped you to learn how to display WordPress photos in columns and rows. You may also want to check out our guide on how to add a polaroid gallery in WordPress.

If you like this article, then please follow us on Facebook and Twitter for more free WordPress tutorials.

author avatar
Waseem Abbas

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how Envira Gallery is funded, why it matters, and how you can support us.

author avatar
Waseem Abbas

The Best Drag and Drop WordPress Gallery Plugin

Envira Gallery: Create, Showcase, and Sell Your Work – Trusted by 150k+ Sites.

Enter the URL of your WordPress website to install

Please enable JavaScript in your browser to complete this form.

Upgrade to Envira Gallery Pro

Unlock even more powerful features designed to make your galleries even more beaituful.

Video Galleries

eCommerce

Social media Sharing

Adobe Lightroom

And much more!

Popular on Envira Gallery Right Now!

How to Create a Beautiful Masonry Image Gallery in WordPress

How to Create a Beautiful Masonry Image Gallery in WordPress

Facebook14TweetLinkedInPin1 Are you looking to showcase your photography or image…
Polished and Protected: How to Watermark WordPress Images

Polished and Protected: How to Watermark WordPress Images

Facebook20TweetLinkedInPin Are you wondering how to add a watermark to…

Comments

    1. Hello!

      To add titles under your images (not on hover but actually under the image) then you must use a column gallery and on the Config tab make sure that the Title is checked.

      But there are some other considerations to be aware of. So when we layout a gallery of images, each image is typically linked to open up a lightbox. If you create a caption that has a link and then try to display that caption under the image, the HTML mark up for the gallery becomes broken because Envira tries to build an image that is a link that has text inside that is another link. You can’t have a link within a link in HTML, it’s improper markup. So what is typically best is to show a title under the image on the Config tab (title only), then edit the image in the gallery to add your link/text to the caption field. Then, on the Lightbox tab, make sure you have “caption” selected as the “what to show”

      Hopefully, that helps you! If not, feel free to reach out again. We’re glad to help.

  1. Okay, trying to make sure I understand. Your plugin automatically adjusts the number of columns. I love that. But, if I understand you correctly, I cannot have the image link to an outside page, and I cannot include captions with text links in them. Right? Because that’s what I really want to do.

Add A Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.


Copyright © [#this year :%Y] Envira Gallery, LLC. Envira Gallery is a trademark of Envira Gallery, LLC.