How to Display WordPress Photos in Columns and Rows

Do you want to display WordPress photos in columns and rows? By default WordPress adds images in a vertical column on top of each other. However if you are adding multiple photos to a blog post, then this doesn’t look very clean and requires a… Read More »

The post How to Display WordPress Photos in Columns and Rows appeared first on WPBeginner.

Do you want to display WordPress photos in columns and rows? By default WordPress adds images in a vertical column on top of each other. However if you are adding multiple photos to a blog post, then this doesn’t look very clean and requires a lot of scrolling for your users. In this article, we will show you how to easily display WordPress photos in columns and rows.

Display WordPress photos in rows and columns

Why You Need WordPress Photos in Columns and Rows

By default, when you add multiple images to a WordPress post, they would appear right next to each other or on top of each other.

default scrolling display of photos in WordPress

This doesn’t look very good, and your users will have to scroll a lot to view multiple images and photos.

You can easily solve this problem by displaying photos in rows and columns using a grid-based layout. This way images will appear in a compact layout and improve user experience on your website.

photos in columns and rows

Having said that, let’s take a look at how to display WordPress photos in columns and rows.

1. Display Photos in Columns and Rows without Plugins

This method does not require you to install any new plugin on your website. If you don’t add multiple photos too often, then this would work just fine for you.

First, you need to create a new post or edit an existing one where you want to display your photos. On the post edit screen, click on the ‘Add Media’ button to launch the WordPress media uploader popup.

Click on add media button to upload your photos in WordPress

Next, you need to upload all the photos you want to display in rows and columns. After the upload, you will see your photos in the media library.

Create gallery in WordPress

The images you just uploaded will already be selected. If you want to include any previously uploaded photos, then you can select them as well by just clicking on them in media library.

After that you need to click on ‘Create Gallery’ link from the left column and then click on ‘Create a new gallery’ button.

Click to create a new gallery of selected photos

The popup window will now change to show gallery settings options.

You can select number of columns, where each image should link to, what size of image to show, and randomize display order.

Gallery settings option

After that you need to click on the insert gallery button and WordPress will insert the gallery in your blog post.

Photos in columns and rows as a gallery in WordPress

If you want to change the number of columns or other settings, then you just need to click on the photos in post editor.

WordPress will select your gallery and you can then click on the pencil icon to edit your gallery settings.

Edit gallery settings

That’s all, you can continue writing your post or save your changes. You can preview the post now to see your photos in rows and columns.

Photos in rows and column layout in WordPress

This method would work for most beginners. However, if you run a photography blog or often share photos on your website, then this method lacks several important features.

For example, the appearance of photos relies on your WordPress theme and you are limited to that one particular layout and style.

Your images will not open in a lightbox popup and users will have to load them as a new page and then hit the back button to return to the original page.

For a more professional and beautiful user experience you should try the plugin method.

2. Display Photos in Columns and Rows Using Plugin

First thing you need to do is install and activate the Envira Gallery plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Envira Gallery is one of our premium WordPress plugins and pricing starts from $19 for a single site license.

Upon activation, you need to visit Envira Gallery » Settings page to enter your license key. You can get this key from your account on Envira Gallery website.

Enter Envira Gallery license key

Now you are ready to create beautiful image galleries.

Head over to Envira Gallery » Add New page to create your first gallery.

Upload photos to create new gallery

You can select and upload files from your computer, or you can select from WordPress media library.

After uploading your photos, they will appear in the gallery settings box below.

Photos added to Envira Gallery

Next, you need to click on the config tab to customize how you want to display your photos.

Under ‘Number of Gallery Columns’, you can select the number of columns for your photos.

Configure number of columns for your photos

You can also specify the exact size of thumbnails you want to display, and the how much spacing you want between images in columns.

After that you can click on the publish button to make your photo gallery ready to be added into your WordPress site.

Now you need to edit a post or create a new one. You will notice the new ‘Add Gallery’ button on top of post editor.

Add gallery button

Clicking on it will bring up a popup where you need to select the gallery you just created and click on the insert button.

Insert gallery

The plugin will now add the gallery shortcode into post editor.

You can save your post and preview it to see your photos in columns and rows in a beautiful mobile-responsive photo gallery.

Photo columns in Envira Gallery

Now when your users click on a photo thumbnail it will open up in a beautiful popup. They will also be able to browse images without leaving the page.

Browsing photos in a post

We hope this article helped you learn how to display WordPress photos in columns and rows. You may also want to see our guide on how to fix common image issues in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Display WordPress Photos in Columns and Rows appeared first on WPBeginner.

How to Upload Photos from Adobe Lightroom to WordPress

Many photographers use Adobe Lightroom to edit photos before uploading them to WordPress. While editing photos is essential, manually uploading them to WordPress can be a time drain. In this article, we will show you how to easily upload photos from Adobe Lightroom to WordPress… Read More »

The post How to Upload Photos from Adobe Lightroom to WordPress appeared first on WPBeginner.

Many photographers use Adobe Lightroom to edit photos before uploading them to WordPress. While editing photos is essential, manually uploading them to WordPress can be a time drain. In this article, we will show you how to easily upload photos from Adobe Lightroom to WordPress with just one click.

How to Upload Photos from Adobe Lightroom to WordPress

Requirements for Adobe Lightroom to WordPress Uploads

First you will need Adobe Lightroom installed in your computer. Any version after Lightroom 5 or Creative Suite would work.

Secondly, we will be using Envira Gallery, which is the best gallery plugin for WordPress. It allows you to create beautiful responsive image galleries in WordPress.

Envira Gallery recently announced the Lightroom Addon which is available with their Gold and Platinum license. This addon provides seamless integration between Adobe Lightroom and your WordPress site.

Let’s take a look at how you can integrate Adobe Lightroom to WordPress.

Step 1. Setting Up Adobe Lightroom

First you will need to install and setup Adobe Creative Cloud app on your computer. Upon installation, creative cloud app will ask you to sign in with your Adobe ID. Once logged in, you need to make sure that file syncing is enabled.

Enable file syncing in Adobe creative cloud app

Next, you need to install the Envira Gallery addon for Adobe Lightroom. You can do this by visiting Addons for Adobe Lightroom page and searching for Envira Gallery.

Click on Envira Gallery to open the addon overview page, and then click on the Install/Free button to continue.

Installing Envira Gallery addon for Adobe Lightroom

After the installation, Adobe Creative Cloud app on your computer will show you a notification that Envira Gallery addon has been successfully installed.

The installation will also download envira-gallery.zip file to your computer. You need to go to your computer’s Downloads folder to locate the file and extract it.

In your computer’s downloads folder, you should now see a file enviralrplugin.zip. You need to extract this file because it contains a file named envira.lrplugin.

Next, you need to open Adobe Lightroom and click on File » Plugin Manager in the toolbar.

Plugin manager menu in Adobe Lightroom

This will bring up the plugin manager window. Go ahead and click on the Add button and select the envira.lrplugin file from your computer.

Add Envira Gallery plugin in Adobe Lightroom

Click ‘Done’ to close the plugin manager window. You should now see Envira Gallery in Adobe Lightroom under Publish Services.

You have successfully added Envira Gallery as a publish service to Adobe Lightroom. Now we need to setup Envira Gallery to work with Lightroom.

Step 2: Setting up Envira Gallery plugin

Envira Gallery is a premium WordPress plugin. Envira’s Adobe Lightroom addon comes with their Gold and Platinum plans.

First thing you will need to do is install and activate the Envira Gallery plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to go to Envira Gallery » Settings page. You will need to provide your license key which can be found in your accounts page on Envira Gallery website.

Envira Gallery settings page

After verifying your license key, you need to click on the Addons tab and scroll down to locate the Lightroom Addon. Go ahead and click on the Install Addon button.

Envira Gallery will install the Lightroom addon, and then you need to click on the activate button to enable it.

Installing lightroom addon in Envira Gallery plugin

You will need to reload the settings page, and you will now see a new tab labeled Lightroom. Clicking on the Lightroom tab will show you two options.

Lightroom settings in Envira Gallery plugin

First, you need to choose the user account you want to use for publishing images from Lightroom. Second, you need to generate an access token. Copy this access token as you will need it in the next step.

Don’t forget to click on the Save button to store your settings.

Step 3: Connect Lightroom to Envira Gallery on Your WordPress Site

Now that we have setup both Envira Gallery and Lightroom, the next step is to allow Lightroom to speak with Envira Gallery on your WordPress site.

Open Adobe Lightroom and click on the ‘Setup’ link next to Envira Gallery under publish services panel.

Setup Envira Gallery as publish service

This will bring up the publishing services manager window. You will need to provide the address of your WordPress website and the access token you generated earlier.

Connecting Lightroom to Envira Gallery plugin on your WordPress site

Once you do that, click on the authenticate button. Lightroom will now connect to your WordPress site, and you will see a success message when it has connected to your website successfully.

Successful authentication

Click OK button on the success message and then click on the Save button in publishing services manager window.

Step 4: Uploading Photos From Lightroom to WordPress

All the steps mentioned above were just for setting up Lightroom and Envira Gallery. You will not need to repeat those steps in the future.

Now you can easily upload photos from Adobe Lightroom to WordPress with Envira Gallery.

Start by going into Adobe Lightroom and then right clicking on Envira under the Publish Services panel. After that click on the ‘Create Published Collection…’ option from the menu.

Create new collection

This will bring up a popup window where you need to provide a name for your collection. It is important to note that this name will also become the name of your image gallery in your WordPress site.

Collection name

Once you have chosen the name, click on the create button to continue. Lightroom will now create an empty collection for you. You can drag and drop images from your library into your new collection.

As soon as you add, remove, or edit images in a collection, you will see a Publish button appear below it. Clicking on publish button will upload your photos to WordPress and store them in your Envira Gallery.

Publish from Lightroom to Envira Gallery

You can continue editing your images in Lightroom, make changes, add or remove images, and do anything you want. You can always click on the publish button and your Envira Gallery will get updated because this addon keeps Lightroom synchronized with WordPress.

You can visit your WordPress admin area and go to Envira Gallery to see your Lightroom collection added as a gallery.

New gallery created from Lightroom

This gallery will still be stored as a draft. In order to add it into your posts or pages, you will need to publish it. Take a look at our guide on how to create image galleries with Envira Gallery

Publish Envira Gallery to add it into posts or pages

That’s all. We hope this article helped you learn how to upload photos from Adobe Lightroom to WordPress. You may also want to see our guide on how to resize and make images larger without losing quality.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Upload Photos from Adobe Lightroom to WordPress appeared first on WPBeginner.