What is a layer slider and why is it so important? Those must be the kind of questions that are running through your head at this moment. Well, sit back, relax and simply follow our lead as we take you through the steps of using layer slider.

A layer slider is generally an all-round slider that can be used to create image portfolios or galleries as well as fantastic slideshows with stunning effects that will blow your mind away. This amazing plugin uses the latest technology to provide you and your customers with the best possible user experience.

A Beginners Guide to WordPress Layer Slider

Wit 3D and 2D transitional effects, you can now see what I’m getting at exactly. Spectacular and user-friendly admin panels with built-in features such as customization, live previews, Google Fonts and so much more make this plugin a must have.

It would also be a crime if I did not mention how responsive it is to various devices. It is also SEO optimized and this means that it will help you rank higher in search engine result pages.

With an overview of what this amazing plugin can do, we can now go deep into its use and so we start.


We will be looking at 1 installation method:

Installation via the WordPress Admin Interface
  1. On the WP admin panel move to Plugins – Add New then hit the Upload Plugin.
  2. Choose the .zip file you downloaded and press the Install Now button.
  3. Press the Proceed button if prompted to enter FTP details.
  4. Click on Activate Plugin since the plugin is already installed.
  5. LayerSlider WP will appear on the admin panel on the sidebar and you are set.


Getting Started

Add a New Slider

Click on the button Add New at the very top of the admin page that contains the LayerSlider. After entering the name of your new slider, you should be looking at a slider builder page.

Slider Duplication, Deletion and Restoration

To duplicate sliders, simply hit the duplicate icon () and a similar slider will be created for you. If you want to get rid of a particular slider press on the delete icon (). However, if you feel at any point that you made a mistake by deleting a particular slider, you do not have to worry because you can get it back. Simply go to Screen Options at the topmost of the page and check the option Removed Sliders. Press the icon () to restore and voila!

How to Import Demo Content

Go to the page of the LayerSlider and click on the Import sample sliders found at the top. Go ahead and select the particular slider you want to add. With demo content, you can preview live how the LayerSlider works.

How to Use the Slider Builder

The slider builder could a little bit stressful to use at first but as you continue to use it often, you get accustomed to it and you will become a pro in no time. Remember, practice makes perfect. Let us take a deeper look at this interface.

Slider Settings

After creating your new slider, you will be automatically directed to this page. Here, you can easily customize the appearance of various aspects of your slider like size.

You can also choose from over 200 3D or 2D transition effects to customize your website. The slide transitions will use the images in the background of the slides. In light of this I’d like you to take note; slide transitions will not use layers in the transitions. If you choose to use 3D transitions, then it will be used first instead of the 2D transition effect. However, if your visitors’ browsers cannot not handle 3D effects, there are back-up plans that will take care of that.

Naming a Layer

If you are going to make a number of layers then you might need to identify them by their names in order to make life easy for you.

How to Re-order Layers

Click on the () icon to drag and drop layers into the orders you wish them to appear.

How to Highlight Layers

If you want to highlight a particular layer, click on the () icon to find layers that might overlapp.

How to Lock Layers

Lock a layer by pressing the ( ) icon. By doing this, you will block the drag and drop feature thus securing it from unintentional movements.

How to Hide a Layer

To hide a layer, simply click on the ( ) icon to hide it. This is particularly useful while working with layers that overlap.


 Choosing Between Types of Layers

You can choose the type of layer to display. For example,

  1. An image layer will display images either from your gallery or from from te media library in WordPress.
  2. A text layer will generally display text
  3. Audio / video / HTML will be used if you need to insert multimedia content or a customized HTML code.

The above are only the basics to get you started. However, there is so much to do with LayerSliders. With the above basics you can improve your skills gradually and become a pro.


What Next?

If you need any help in using layer sliders, do not hesitate to get in touch with our capable expert WordPress assistants to light the path for you.