Envira Gallery Blog

Digital Photography Tips, Tutorials and Resources

how-to-change-order-of-images-in-wordpress-gallery

How to Change Order of Images in WordPress Gallery

by Waseem Abbas on Jan 2, 2017

Share This Post!

Do you want to change the sort order of images in your WordPress galleries? When you add new images, you may want to display them above or below existing images. In this tutorial, we will show you how to change the order of images in a WordPress gallery.

By default, WordPress image galleries follow the universal media settings to display images. However, you can use an image gallery plugin like Envira to change the order of your images and create flexible WordPress galleries.

To change the order of images in WordPress galleries, you’ll need to follow these 5 steps:

  • Step 1. Install and activate Envira Gallery plugin
  • Step 2. Create an image gallery with Envira
  • Step 3. Go to Envira Gallery settings page to change default settings
  • Step 4. Add new images in your gallery
  • Step 5. Display image gallery on your site

Ready to get started? Let’s go!

Step 1: Install and Activate Envira Gallery Plugin

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

Envira Gallery

If you find any trouble with the installation, then check out this guide on how to install Envira Gallery.

Step 2: Create an Image Gallery with Envira

Upon activating Envira, simply go to Envira Gallery » Add New to create a new image gallery in WordPress. You should add a title and drop a few photos into the Native Envira Gallery section.

Add Images

To learn more about creating an image gallery with Envira, check out this tutorial on how to create an image gallery with thumbnails in WordPress.

Step 3: Go to Envira Gallery Settings Page to Change Default Settings

After creating an image gallery, you need to go to Envira Gallery » Settings. Simply scroll down to Add New Images dropdown.

Add New Images

By default, it is set to “Before Existing Images”. So when you add a new images to your gallery, they will display before or above the existing images.

If you want to modify this, you can change the settings to “After Existing Images”. This setting will show your images below the existing media in your image gallery.

Click on the Save Settings button at the bottom of the page.

Step 4: Add New Images in Your Gallery

Go ahead and edit your image gallery. You can add new images, and your images will be displayed either above or below the existing ones, according to your settings.

Images Above or Below Existing Images

Make sure to Update the image gallery after adding new images.

Step 5: Display Image gallery on Your Site

Copy the shortcode from the Envira Gallery Code widget.

Copy Shortcode

Go to Posts » Add New or edit an existing post. Simply paste the shortcode in the visual editor and hit the Update button.

Paste Shortcode

Your image gallery will be displayed on your WordPress site.

We hope this tutorial has helped you to learn how to display new images above or below existing images in WordPress. You may also want to check out our guide on how to automatically delete images when a gallery is deleted in WordPress.

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

Share This Post!

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.