Soliloquy Blog

WordPress slider tips, Tutorials and Resources.
Move Slider with Keyboard Navigation

How to Move Your Slider with Arrow Keys in WordPress

by Waseem Abbas on May 22, 2017

Do you want to move your image slider with keyboard navigation? Sometimes you want to ease the navigation for image slides on your site. In this tutorial, we will share how to move your slider with arrow keys in WordPress.

To create a slider with arrow key navigation, you’ll need to use an image slider plugin like Soliloquy. It allows you to enable keyboard navigation to move slides with arrow keys.

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

  • Step 1. Install and activate Soliloquy slider plugin
  • Step 2. Create an image slider with Soliloquy in WordPress
  • Step 3. Go to config settings and enable keyboard navigation
  • Step 4. Post this image slider on your site

Ready to get started? Let’s go!

Step 1: Install and Activate Soliloquy Slider Plugin

The first thing that you need to do is to install and activate Soliloquy image slider plugin on your WordPress site.

Soliloquy website

If you want to learn about installation, then check out this guide on how to install Soliloquy.

Step 2: Create an Image Slider with Soliloquy in WordPress

Upon activating the plugin, you should go to Soliloquy » Add New to add an image slider on your site.

You can give a title to your new slider and drop your slides in the Native Slider section.

Add Images

To learn more, you should also check out this guide on how to create an image slider in WordPress.

Step 3: Go to Config Settings and Enable Keyboard Navigation

After adding the slides, you should hit the Config tab and scroll down to check mark Enable Keyboard Navigation for your image slider.

enable arrow keys for image slider

It will let you move the slider using your keyboard.

Step 4: Post This Image Slider on Your Site

Once you are done with all other slider settings, simply hit the Publish button on the right side of your screen.

You’ll notice a new Soliloquy Slider Code widget with shortcode to display this slider. Copy the shortcode from here.

Copy Shortcode

Go ahead to Pages/Posts » Add New or edit an existing page/post and paste the shortcode in the visual editor.

Paste Shortcode

Make sure to hit the Update button. You can now move image slides with keyboard.

That’s all. We hope this tutorial has helped you to learn how to move your slider with arrow keys in WordPress. You may also want to check out our guide on how to display image slider control navigation in WordPress and read about OptinMonster’s powerful exit-intent technology.

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

Waseem Abbas is a content writer for SoliloquyWP and Envira Gallery.

Comments

    Nathan Duvall

    June 29, 2017

    We’ve enabled the keyboard arrow keys to easily flip through the slides but it’s only working with the up and down keys. Is there a way to enable the left & right keys instead? That seems to be the more natural keys to use for this. Thank you!

    Reply

      Waseem Abbas

      July 3, 2017

      Hey Nathan, I guess it’s your keyboard settings that let the up and down key to move the slides. However, you can contact our support team for further assistance. 🙂

      Reply

Leave a Reply

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.