Do you want to display your WordPress photos in a neat way? Showing photos in columns and rows can help. It makes your page look clean and organized. Here, we will learn how to do this in a few easy steps.

Why Display Photos in Columns and Rows?

Displaying photos in columns and rows has many benefits. Here are a few:

• Better Layout: Your photos will look neat and tidy.
• Easy to View: Visitors can see more photos at once.
• Professional Look: It makes your website look polished.

Steps to Display Photos in Columns and Rows

Follow these steps to display your photos in a nice grid.

Step 1: Install A Gallery Plugin

The first step is to install a gallery plugin. Plugins help you create photo galleries. They make it easy to display photos in columns and rows. Here are some popular gallery plugins:

• Envira Gallery
• NextGEN Gallery
• FooGallery

To install a plugin, go to your WordPress dashboard. Click on “Plugins” and then “Add New.” Search for the plugin you want and click “Install Now.” After it installs, click “Activate.”

Step 2: Create A New Gallery

Once you have installed and activated the plugin, you can create a new gallery. Here is how:

1. Go to the plugin’s settings in your dashboard.
2. Click on “Add New Gallery.”
3. Give your gallery a name.
4. Upload your photos or select photos from your media library.

Step 3: Set Columns And Rows

Now, you need to set the number of columns and rows. Most plugins let you choose how many columns you want. Here is how to do it:

1. Go to the gallery settings.
2. Look for the option to set columns.
3. Choose the number of columns you want (e.g., 3 or 4).
4. Save your settings.

Step 4: Add The Gallery To A Page Or Post

Next, you need to add your gallery to a page or post. Here is how:

1. Go to the page or post where you want the gallery.
2. Click on “Add Media” and choose “Insert Gallery.”
3. Select the gallery you created.
4. Click “Insert into Post” or “Insert into Page.”

Your gallery will now appear in columns and rows.

Credit: www.wpbeginner.com

Using WordPress Blocks

You can also use WordPress blocks to display photos in columns and rows. Here is how:

Step 1: Open The Block Editor

First, open the block editor. This is where you will add your photos. Go to the page or post where you want to add photos. Click on “Edit.”

Step 2: Add A Gallery Block

Next, add a gallery block. Here is how:

1. Click on the “+” icon to add a new block.
2. Search for “Gallery” and click on it.

Step 3: Upload Or Select Photos

Now, upload or select the photos you want to display. Here is how:

1. Click on “Upload” to add new photos from your computer.
2. Or click on “Media Library” to select photos you have already uploaded.

Step 4: Set Columns

After you add your photos, set the number of columns. Here is how:

1. Look for the “Columns” option in the block settings.
2. Choose the number of columns you want (e.g., 3 or 4).

Your photos will now display in columns and rows.

Using Custom CSS

If you want more control, you can use custom CSS. Here is how:

Step 1: Open The Customizer

First, open the customizer. Go to your WordPress dashboard. Click on “Appearance” and then “Customize.”

Step 2: Add Custom Css

Next, add custom CSS. Here is how:

1. Click on “Additional CSS.”
2. Copy and paste the following code:

   
                       .gallery {
                           display: flex;
                           flex-wrap: wrap;
                       }
                       .gallery-item {
                           flex: 1 1 30%;
                           margin: 5px;
                       }
                       .gallery-item img {
                           width: 100%;
                           height: auto;
                       }
                   
   

3. Click “Publish” to save your changes.

Your photos will now display in columns and rows.

Tips for a Beautiful Gallery

Here are some tips to make your gallery look great:

• Use High-Quality Photos: High-quality photos look better.
• Keep It Simple: Don’t use too many photos.
• Use Consistent Sizes: Make sure your photos are the same size.
• Test Different Layouts: Try different column numbers to see what looks best.

Credit: www.youtube.com

Frequently Asked Questions

How Can I Display Photos In Columns On WordPress?

Use a gallery block. Select your photos and choose the column layout.

What Plugins Can Create Photo Galleries?

Popular plugins include Envira Gallery, NextGEN Gallery, and FooGallery.

How Do I Add Rows To A Photo Gallery?

Select the gallery block. Adjust the row settings under the block options.

Can I Customize The Gallery Layout?

Yes, many plugins and themes allow layout customization for galleries.

Conclusion

Displaying photos in columns and rows makes your website look neat. It is easy to do with the right tools. You can use a gallery plugin, WordPress blocks, or custom CSS. Follow the steps above to create a beautiful photo gallery. Happy blogging!