Review: LayerSlider Responsive WordPress Slider Plugin

Friday 23rd, June 2017 / 15:39 Written by
Review: LayerSlider Responsive WordPress Slider Plugin
1 Flares Twitter 0 Facebook 0 Google+ 0 LinkedIn 0 StumbleUpon 1 Filament.io 1 Flares ×

A website’s best asset is its visual appeal. In fact, static websites seem to hold less interest for visitors even though the content is great. Therefore, having great content plus awesome visual representation will catch users’ attention easily and hold their interest enough to give time to read your content. Sliders are one of the best solutions right now for web designers as they create a dynamic presentation of images and they come with animation effects. Cool right? Therefore, in this review, we will explore LayerSlider. It is a responsive WordPress slider plugin and how we can use this slider in creating slider images that are perfect for your website’s needs.

LayerSlider  is a responsive slideshow plugin that is easy to install and very user friendly. You can create custom slideshows in 2D or 3D with backgrounds and selected images and text in less then 5 minutes. It comes with 5 display modes including audio and video display adding a more interactive element to your slider. Now, who says slideshows could not be done this easy?

This plugin is jQuery based and lets you create slideshows with images and text. It has lots of editing options, layers, delays and cool custom parallax effects for your slider. You can create single or multiple slideshows with ease too. Images can be pictures or HTML elements that can be set at a specific direction or at any part of the site. It includes sample slideshows that you can base your designs or effects on. It has tons of unique features including auto play, auto preview and auto pause options for playing the slider. It also has Touch-control ability for browsing on mobile devices. Translation ready, SEO friendly and Multisite ready with network-wide activation and handling new sites in the network.

Let us go ahead and go into details about this plugin. Install by WordPress.org plugin directory or uploading it to your server. The plugin as its own Menu Area.

layerslider-all-sliders

LayerSlider Menu > All Sliders

Adding a Slider is easy. Go to Add New Slider and name your slider. Edit the settings of your slider including size (height and width), display mode and effects. You can also turn on the Responsive function or not.

add-new-slider

Adding a New LayerSlider

LayerSlider allows multiple layers in a single slider, allowing background and foregrounds in the mix. To add layers, Click on Layers Tab in Add New LayerSlider Menu and select image for your layer.

add-layer-to-slider

Layers Area

Image layers can be in jpeg or any html image formats. Good thing also is that this plugin also supports .psd or Photoshop images.

selecting-image-layer

Selecting Image for Layer

For Sliders needing 2 or more image elements, you an add a sublayer to the main layer and edit both element’s timings for a custom parallax effect you want. After editing, you can have a preview of your finished slider.

adding-sublayers

Adding a Sub Layer Button and Image Upload

sublayer-attached-to-main-layer

Sublayer Image

The SubLayer Settings can be edited according to sublayer time delay, duration and animation direction.

edit-settings

Sublayers Edit options

After creating a simple or parallax effect slider, you can insert it in a specific area of your site. To do this, copy the short code and paste it on the page you want it to appear.

slider-shortcode

Copying Slider’s shortcode in LayerSlider sliders page

pasting-shortcode-in-home-page

Pasting Slider shortcode in HomePage.

This is how you’re your slider will appear.

Layerslider

Slider in Homepage

LayerSlider truly adds a different layer in presenting your sildeshows. Whether in 2D or 3D effect, it makes your content standout and get noticed in an easy to build and user friendly way. Just add images, add layers if necessary and choose effects, delay and duration for an awesome visual experience on your site.

1 Flares Twitter 0 Facebook 0 Google+ 0 LinkedIn 0 StumbleUpon 1 Filament.io 1 Flares ×

About the author

Hi I am Pete! I love to work with web design and sometimes dive into some coding. My main focus is WordPress websites.

View all articles by Pete