Layer X Slider WordPress plugin is a high quality image and content slider for WordPress, with super smooth hardware accelerated transitions. It supports touch navigation with pure swipe gesture that you have never experienced before. It’s a truly responsive and device friendly slider which works perfectly on all major devices.
Layer X Slider is an awesome layer slider, with the ability of adding any HTML content (texts, images, …) in layers. You almost have everything in Layer X which is the most complete among the best products, featuring hotspots, thumbnails, a variety of effects, video support and much more. LayerX Slider has been designed to integrate into your website as seamlessly as possible. You can upload a regular image as background, Videos as HTML5 or Youtube, create a social media content stream or WP posts.
Building sliders has never been easier with this amazing Drag & Drop Visual Editor. Even absolute beginners can manage to create beautiful presentations with our intuitive workflow. You can get the LayerX slider plugin from wpicode shop page or by clicking on this direct link, Layerx-Slider. You can read more articles about the LayerX Slider from wpicode blog page. In this article, we will look at some of the amazing features of the LayerX slider.
- Create a New Slider
The first step after installing and activating the plugin is creating a new slider. Click on the LayerX menu on the Dashboard. You will be presented with two options, New Slider and Import Slider. Click on the Create New slider option. Then enter the title and alias of the slider, something like Slider name and slider-alias. See below.
- Select Slider Content
You can select out of 10 different types of slider content organized in 3 categories: the Default Layer X Slider, WordPress-based Content and Social Media Content.
With the Default Slider, A slider that usually contains images from your WP Media library, where slides are created and managed individually.
The WordPress-based Content slider contains WordPress managed content like the posts and woo commerce slider.
The Social Media content slider contains social media content like Flickr stream, twitter stream, Facebook stream, Youtube stream and even Instagram stream.
- Select Slider Type
There are three types: Default, Hero Scene, Carousel Slider. Hero is essentially a “one slide” Slider. When it is selected, multi-slide options such as navigation, autoplay, will be hidden from the slider’s main settings automatically. When Carousel is selected a new 3 sections will become visible in Advanced Settings where you can set up a wide variety of carousel views. Those are the Carousel, Transformations and the Aligns sections. You can load settings preset template for your current slider, or save the slider’s currently selected settings as a preset template to be used for future sliders.\
- Slide Layout
Here, you are provided with three options, Auto, Full-Width and Full-Screen.
Auto is the default “responsive” layout. The slider will always inherit the width of its immediate HTML container, allowing it to fit seamlessly inside your theme’s page layout.
With the Full-Width Slider will always stretch across the entire width of the screen.
For Full-Screen Slider will always become the same size as the entire screen size.
We also have an advanced setting feature which you can use to set/configure more changes in your slider. When you are done setting up everything on this page, just click on the Save Slider button at the bottom of the page.
- Slide Settings
In this tab, you can change different slide settings like background or editing the layers of the slide. You can also change the animation or timeline of the layers.
Background This is the main background image (or video cover/poster) that what will animate when the slide first starts. There are a number of presets which you will be required to set.
This is where you can set presets like, Slide Delay, Slide State and many more.
To preview an animation, first select a category (Basics, Slide Simple). Then hover your mouse over one of the choices, and a small live preview of the animation will appear. Once you find an animation you’d like to use for the slide, select its checkbox, and then it will appear in the “Used Transitions” list. If you wish, you can select multiple animations for the current slide, and the slide will alternate between the selected animations in order each time the slide is shown within the slider. When multiple animations have been chosen, select one from the list to adjust its individual settings. To remove the selected animation, click the “x” icon. And drag the arrow icons with your mouse to position the selections on top of one another, which will change the order of the selected animations.
- Slide Editor
This is the tab where we create our sliders. It is a little more like simplified video editing. If you have worked with any video editor then take this as a simplified and easier tool of creating a video. To create any slider using LayerX, we are guided by use of layers.
On the editor board above, this is where you add your layers. You can use images, video, Texts, Button, and you can also import a layer which you might have created previously. When styling your layer, choose from one of the 100+ styles that’s closest to your desired styling. Then this will act as a “preset” of styles that can be further adjusted with the WYSIWYG editor. When editing your layers, you’ll start of with a predefined layer style. And additional settings adjustments you make will only be applied to the current layer.
After adding your layer to the slide, use the “Style” section to format text, adjust layer positioning, and also apply additional CSS styles to your layer content. Click the “+” button to activate the advanced styling section or click the “+” button to activate the advanced styling section.
When setting your layer animations, choose from one of the 30+ animation templates that’s closest to your desired look. Then this will act as a “preset” of settings that can be adjusted further. After adding a layer to the slide, and selecting it in the preview canvas, when you click the “Animation” tab, you’ll see a live preview of the layer’s animation. Click the “Pause” button to stop the admin preview. And then click the same button to preview your animation once again. Every content layer has a “Start” animation that will happen when the layer first appears, and an “End” animation for when the layer disappears. The actual time when these animations take place will depend on the layer’s “Visible Timeline”, which is set in the Layers Timing and Sorting part of the slide’s admin.
When you are done setting up your slider, you can just embed it on your website by use of a shortcode. Those are some of the features of the powerful LayerX slider. Ensure to check out other articles on the wpicode blog page, Creating your first slider using LayerX slider.
Visit wpicode website and see other wonderful plugins and themes you can use to develop awesome websites. Some of them include, Sortable Grid plugin, Creative Board plugin, Restaurant Theme, Simplistic theme, and many more. We would be glad to help you if you have any questions in the comments section or send us an email to [email protected]