Review: LayerSlider Responsive WordPress Slider Plugin
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 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.
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.
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 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 a Sub Layer Button and Image Upload
The SubLayer Settings can be edited according to sublayer time delay, duration and animation direction.
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.
Copying Slider’s shortcode in LayerSlider sliders page
Pasting Slider shortcode in HomePage.
This is how you’re your slider will appear.
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.