How to Move Images With Arrow Keys in WordPress

Do you want to use arrow keys to move through images in your WordPress galleries? Sometimes you want to take control of navigating through images with your keyboard in lightbox view. In this tutorial, we will show you how to move images with arrow keys in WordPress.

If you have a lot of images on your photography website, you may want to make it quicker and easier for your visitors to navigate through them. A great way to do that is by allowing them to use the forward and back arrow keys on their keyboard. To do this in WordPress, you’ll need to use a plugin like Envira Gallery.

To move images with arrow keys in WordPress, you’ll need to follow these 4 steps:

• Step 1. Install and activate Envira Gallery plugin
• Step 2. Create an image gallery in WordPress
• Step 3. Change arrow keys option in lightbox settings
• Step 4. Add the image gallery to your page/post

Ready to get started? Let’s go!

Step 1: Install and Activate Envira Gallery Plugin

First thing you need to do is to install and activate Envira Gallery plugin on your site.

If you have any trouble installing the plugin, check out this guide on how to install Envira Gallery.

Step 2: Create an Image Gallery in WordPress

Upon activating the plugin, you should go to Envira Gallery » Add New from your WordPress admin backend.

Start by adding a title for your gallery, and then drop your photos into the Native Envira Gallery section.

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

Step 3: Change Arrow Keys Option in Lightbox Settings

Next, you need to scroll down and go to the Ligthbox tab. Check mark the Enable Keyboard Navigation setting.

This will allow you to move images with arrow keys on the lightbox view for your photo gallery.

Step 4: Add the Image Gallery to Your Page/Post

Once you are happy with your settings, go ahead and hit the Publish button.

To add the image gallery to a post or page, you’ll need to copy the shortcode from the Envira Gallery Code widget.

Next, you should edit an existing page/post, or go to Pages/Posts » Add New. In the visual editor, you need to paste the shortcode.

After adding the shortcode, make sure to update or publish the page/post. You will now be able to move through the image gallery with your keyboard on the lightbox view.

We hope this tutorial has helped you to learn how to move images with arrow keys in WordPress. You may also want to check out our guide on how to add breadcrumb links in WordPress Galleries/Albums.

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

Waseem Abbas

See Full Bio