Envira Gallery Blog

Digital Photography Tips, Tutorials and Resources

how-to-move-images-with-arrow-keys-in-wordpress

How to Move Images With Arrow Keys in WordPress

by Waseem Abbas on Jan 26, 2017

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.

Envira Gallery

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.

Add New Gallery

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.

Enable Keyboard Navigation

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.

Copy Shortcode

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.

Add 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.

Comments

  1. Dear friends,
    Your plugin not works on websites with SSL (https ) Please update.
    You are really cool peoples! But I can’t use this product.

  2. Hi guys
    Having issue with getting lightbox to work on my page after enabling all the lightbox controls in lightbox and slideshow settings boxes.
    Any hints to what i have missed…

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.