=== Slider ===
Contributors: webdorado
Donate link: https://web-dorado.com/products/wordpress-slider-plugin.html
Tags: image slider, slider, slideshow, image, images, responsive, shortcode, widget, jquery, gallery, swipe, layer
Requires at least: 3.4
Tested up to: 4.6
Stable tag: 1.1.55
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Slider WD plugin is a great tool for creating responsive sliders. It uses various transition effects.

== Description ==
Create responsive, highly configurable sliders with various effects for your WordPress site. Download for FREE!   

https://www.youtube.com/watch?v=xebpM_-GwG0&index=1&list=PLnxWPiY5tLFWQf5XaEYYPZj0gdggUrVxP
 
[WordPress Slider Plugin](http://web-dorado.com/products/wordpress-slider-plugin.html)  
[Demo](http://wpdemo.web-dorado.com/slider/)  
[Demo Admin](http://wpdemo.web-dorado.com/wp-admin/admin.php?page=sliders_wds)   
[User Manual](http://web-dorado.com/wordpress-slider-wd-guide-step-1.html)  
[Support Forum](http://web-dorado.com/forum/slider-plugin.html)  
[How to change and modify Slider WD Settings](https://www.youtube.com/watch?v=Peny_dkHaMo&list=PLnxWPiY5tLFWQf5XaEYYPZj0gdggUrVxP&index=3)  

Slider WD is an effective tool for adding responsive sliders to your website. The WordPress slider plugin can be added both as a widget and plugin, as well as be included in the theme for displaying the slider within the theme using PHP function. Slider WD allows adding both images and videos (currently supporting YouTube and Vimeo to be displayed as slider slides). The numerous transition effects and layer support enhance the functionality of the WordPress slider plugin.  

The number of the slides for each slider is not limited. Various layers can be applied for each individual slide. There are three basic types of layers designed for the slides. Those are for sharing textual content, images and sharing buttons (Google+, Tumblr, Twitter, Pinterest and Facebook.) The slides can be used for redirection to another location.  Similar feature is also available with the text and image layers of WordPress Slider plugin.     


*   Responsiveness
*   Possibility of adding unlimited sliders and unlimited slides for each slider
*   Three options for adding images (from Media Library, by Slider WD Media Upload option or by using image URL)  
*   Full-width slider support
*   5 transition effects for sliders
*   Autoplay
*   Shuffle
*   Shortcode for easy insert of the slider into post/pages   
*   Possibility of changing the slide orders (using drag and drop feature)   
*   Possibility to provide titles for the slides    
*   Support for music playback (one track for entire slider)
*   Time setting feature for the effect changes  
*   Right-click protection for avoiding slider image download
*   Slider image changing possibility using bullets    
*   Possibility to change design for the bullets, navigation buttons  
*   Timer bar 
*   Support for watermarks 
*   Design customization for almost all features
*   Custom CSS support for adding additional styling features to the slider  
*   Possibility to use Slider WD Media Upload for uploading multiple images at once  
*   Text and image watermarking possibility   
*   Option of opening the slider-related link within the same page   
*   Slide duplication   
*   Fixed background slider      

Upgrade to [WordPress Slider Pro](http://web-dorado.com/products/wordpress-slider-plugin.html) to add features:

*   26 transition effects for Slider   
*   38 layer effects   
*   Post Slides   
*   Video Slide support (YouTube and Vimeo)  
*   Dailymotion, Instagram and Flickr embed   
*   Layers (text, image and media embed)- [Video Manual](https://www.youtube.com/watch?v=obnyK-Czf0k&list=PLnxWPiY5tLFWQf5XaEYYPZj0gdggUrVxP&index=2)  
*   Social sharing buttons layer (Google+, Tumblr, Twitter, Pinterest and Facebook)   
*   Hotspot layer    
*   Filmstrip support        
*   Navigation button/bullet styles   
*   Parallax effect     
*   Carousel effect   
*   Video Slide and layer (mp4)   
*   Slider Export/Import.       

The plugin comes with  a few demo sliders on its demo page, which are representing the main types of sliders supported by the plugin, whereas you can always enhance the plugin functionality combining slider types. The mentioned four types are Multi-Layer Slider, 3D Full-Width Slider, Filmstrip Slider, Zoom Effect Slider. Let’s discuss each of the types separately.

Multi-layer slider is designed for displaying textual, image and social sharing layers over the slides. This type of sliders are most commonly used when you are trying to create a slider similar to one created with PowerPoint or other presentation and slider software.

3D Full-width Slider is designed for displaying full-size sliders on any of your website pages. It uses a special effect for shifting between slides creating a 3D effect. This  slider takes the width of the page, where it’s included.

Filmstrip slider is designed for displaying small icons of the set of slides included in the slider. This is especially useful, if you have large set of slides and do want the user to choose which slide of the slider start the showcase. In addition to this, you can use this type of slider as an alternative to gallery plugins, where the displayed image opens up in a larger lightbox, which is not as convenient.

Zoom Effect slider is convenient, where you have small space but want to represent the main image and enlarged extract of it. Here the image gets zoomed without switching between slides of the slider. Each image and its extract are being included in a single slide. Thus this slider is more effective when used with HD images.

If you don’t want to limit yourself with one of these types of sliders, then you can freely use a combination, e.g. have multi-layer slider with 3D effect or flimstrip slider with zoom effect.


###IMPORTANT:    
If you think you found a bug in Slider WD or have any problem/question concerning the plugin, please check out [WordPress Slider Support Forum](http://web-dorado.com/forum/slider-plugin.html) in our website. If you do not find a solution here, do not hesitate to [click here to contact us](https://web-dorado.com/support/contact-us.html).

 *If you need language of Slider WD which is not included in this list, please contact us and we will do the translation of Slider WD within 3 days. If you find any mistakes in the translation, please contact us and we will make relevant corrections within 3 days. *  
 

== Installation ==   

#### Thank you for your interest in Slider WD.  

### Minimum requirements.  
*   Wordpress 3.0+  
*   PHP 5.x  
*   MySQL 5.x  

### Perform a new installation  

After downloading the ZIP file of the slider plugin,  

1. Log in to the administrator panel.   
2. Go to Plugins Add > New > Upload.     
3. Click "Choose file" ("Browse") and select the downloaded zip file of the slider.     
*For Mac Users*     
*Go to your Downloads folder and locate the folder with the Slider WD. Right-click on the folder and select Compress. Now you have a newly created .zip file which can be installed as described here.*     
4. Click "Install Now" button.     
5. Click "Activate Plugin" button for activating the Slider WD.    
6. If the installation does not succeed, please [click here to contact us](https://web-dorado.com/support/contact-us.html).


== Screenshots ==
1.  Slider WD - Slider 1   
2.  Slider WD - Slider 2    
3.  Slider WD - Slider 3   
4.  Slider WD - Slides    
5.  Slider WD - File manager   
6.  Slider WD - Settings 


== Changelog ==


= 1.1.55 =
* Added: Merge sliders.    
* Fixed: Double quotes in custom javascript.   

= 1.1.54 =
* Fixed: Layer RotatInDownRight effect saving.    

= 1.1.53 =
* Fixed: Slider add new button under the message.    

= 1.1.52 =
* Added: Option to hide slider on mobile.       

= 1.1.51 =
* Fixed: Active thumbnail in carousel view.    
* Changed: Loading gif.      

= 1.1.50 =
* Changed: Featured themes page.      

= 1.1.49 =
*  Added: Text layer alignment option.    

= 1.1.48 =
*  Fixed: Preview popup.   
*  Fixed: Add posts popup styles.   
*  Fixed: Loading in filemanager.   
*  Fixed: Resetting layer positions on parallax sliders on touch leave.   

= 1.1.47 =
*  Fixed: Case sensitive search by name in Filemanager bug.    
*  Changed: Show last uploaded files as first in Filemanager.    
*  Changed: File manager design.    
*  Fixed: Sliders duplicate.    
  
= 1.1.46 =
*  Changed: Updated Font Awesome to 4.6.3 version.     
*  Fixed: Slider margin responsiveness.     
*  Fixed: Effect processing direction for slider with two slides.    

= 1.1.45 =
*  Added: Option whether include scripts only on necessary pages or no.     

= 1.1.44 =
*  Fixed: Conflict with "Yoast SEO" plugin.    
*  Fixed: Case sensitive search by name in Filemanager bug.      
*  Changed: Show last uploaded files as first in Filemanager.    

= 1.1.43 =
*  Changed: Support for new version of Google Fonts.    

= 1.1.42 =
*  Fixed: Interval for checking for updates.    
*  Fixed: Parallax effect on mobile.    
*  Fixed: Video autoplay bug.  
*  Changed: Featured plugins page.   

= 1.1.41 =
*  Added: Hover color for text layer       

= 1.1.40 =
*  Fixed: Link the slide in carousel view.      
*  Fixed: Specialchars in text layer.      
*  Changed: Slider bulk actions.     

= 1.1.39 =
*  Fixed: Minor bugs.    
*  Changed: Do not change the slide until slide loads.   
*  Fixed: Instagram slides.    
*  Fixed: Embed media by YouTube short url.    

= 1.1.38 =
*  Fixed: Slider display bug after previous update.    

= 1.1.37 =
*  Changed: Add scripts and styles only on pages where necessary.    

= 1.1.36 = 
*  Changed: Save relative urls in database instead of absolute urls.    

= 1.1.35 = 
*  Fixed: Save slider with big amount of slides.     
*  Fixed: Sliders pagination styles.    
*  Fixed: Vimeo autoplay.     

= 1.1.34 = 
*  Added: No sliders found message.    
*  Fixed: Add images on new slider.    
*  Fixed: Duplicate sliders.     
*  Fixed: Add posts page styles.     
  
= 1.1.33 =
*  Added: Function with sliders return value.     
*  Changed: Featured plugins page.     

= 1.1.32 =
*  Fixed: Conflict with "Wordfence Security" plugin.    
*  Added: Hotspot text on click/hover(optional).   

= 1.1.31 =
*  Fixed: Add post page styles on Wordpress 4.5    
*  Fixed: Undefined iframes in frontend.     
*  Fixed: Filmstrip responsiveness.     
  
= 1.1.30 =
*  Changed: Add font-family without saving whole slider.   

= 1.1.29 =
*  Added: Text, image, hotspot layers click actions.    

= 1.1.28 =
*  Added: Slider loop option.   
*  Changed: Featured plugins, themes page.   

= 1.1.27 =
*  Added: Possibility to add font family to google fonts.    

= 1.1.25 =
*  Fixed: Slider WD media uploader files with withespaces in name.    
*  Added: Option for hotspot animation.    
*  Added: Video loop and related video options.     

= 1.1.24 =
*  Updated: Google fonts list.   

= 1.1.23 =
*  Fixed: Bug in layer effect        

= 1.1.22 =
*  Changed: Some guidelines.    

= 1.1.21 =
*  Added: Google fonts scripts (greek,latin,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic).   
*  Changed: Featured plugins and themes pages.    

= 1.1.20 =
*  Added: Possibility to add class to layers.       

= 1.1.19 =
*  Fixed: Conflict with some themes.     
*  Fixed: Dutch in translation (Thanks to Hielke Brandsma).     

= 1.1.18 =
*  Improved: Filemanager load time.    

= 1.1.17 =
*  Fixed: Newly added parameters on duplicate.    

= 1.1.16 =
*  Changed: User Manual links.    
*  Fixed: Vimeo embed videos pause bug on slide change.     


= 1.1.15 =
*  Fixed: Slider autoplay duration depend on Youtube video duraton.    
*  Fixed: Text bullets activate color.    

= 1.1.14 =
*  Added: Slide names as bullets.   

= 1.1.13 =
*  Fixed: Shortcode in custom container.   

= 1.1.12 =
*  Fixed: Verify nonce on embed media.   
*  Added: Carousel background image angle, grayscale, transparency options.    

= 1.1.11 =
*  Added: New year promo notice

= 1.1.10 =
*  Fixed: Filemanager vulnerability. Thanks to  Mika Epstein.

= 1.1.9 =
*  Fixed: Licensing page.     
*  Fixed: Plugin direction for icons.     
*  Changed: Featured themes page.     

= 1.1.8 =
*  Fixed: Slider callback page responsiveness.     
*  Fixed: Keyboard navigation blocks spacebar.      

= 1.1.7 =
*  Added: Slider callback.       
*  Fixed: Styles for Wordpress 4.4.          
*  Fixed: Slider on Firefox.         

= 1.1.6 =
*  Fixed: HTML validation.     

= 1.1.5 =
*  Changed: Featured plugins page.     

= 1.1.4 =
*  Fixed: File manager styles.     
*  Fixed: Stay on current tab after save.     

= 1.1.3 =
*  Fixed: Shortcode puts in html tags for some themes.     
*  Changed: Enlarge title container in admin.      
*  Changed: Add slide button.      
*  Fixed: Carousel load.      

= 1.1.2 =
*  Added: Smart crop.    

= 1.1.1 =
*  Fixed: Backend styles.      
*  Fixed: Check all in add post popup.       
  
= 1.1.0 =
*  Changed: Backend design.     
*  Changed: Responsive backend.    

= 1.0.50 =
*  Fixed: Border sizing problem with image wrap.     

= 1.0.49 =
*  Added: Shortcode support in text layers.        

= 1.0.48 =
*  Fixed: Controll buttons in sites with different site and admin urls.          

= 1.0.47 =
*  Added: Fixed background slider.      
  
= 1.0.46 =
*  Changed: Default uploader.     

= 1.0.45 =
*  Changed: Demo Sliders.     

= 1.0.44 =
*  Fixed: Video sliders export without videos and thumbnails.         
*  Fixed: Single quote in css.        
*  Changed: Loading styles.        

= 1.0.43 =
*  Added: Show thumbnail on bullets hover.     
*  Fixed: First slide with single quotes in name.      
*  Fixed: Video slide/layer export/import with featured image.       
*  Fixed: Hide slider play /pause button on video slides.       

= 1.0.42 =
*  Added: Possibility to add font family.      
*  Fixed: "Link the slide to:" option save.     
*  Changed: No image, no video images.       
*  Changed: Notices show order.     

= 1.0.41 =
*  Added: Video slide/layer.    
*  Fixed: Line break in text, hotspot layer on export/import.   

= 1.0.40 =
*  Added: Swipe for filmstrip.   
*  Added: Mousewheel and keyboard navigation methods.   
*  Changed: Make touch navigation optional.    

= 1.0.39 =
*  Fixed: Flashing only on first transition during fade effect.   

= 1.0.38 =
*  Changed: Embed autoplay on slider autoplay.  
*  Fixed: Embed video poster.   
*  Changed: Featured plugins page.   

= 1.0.37 =
*  Added: Support/rate us messages.

= 1.0.36 =
*  Changed: Filmstrip navigation arrows show on hover.  
  
= 1.0.35 =
*  Changed: Compability with Wordpress 4.3.   
*  Changed: Filmstrip separator.    
*  Changed: Message classes.  

= 1.0.34 =
*  Added: Google fonts.

= 1.0.33 =
*  Added: Option to display bullets on hover.

= 1.0.32 =
*  Added: Option for mouse swipe navigation.

= 1.0.30 =
*  Fixed: Removed editor button from hotspot layer.
*  Added: Demo sliders page.

= 1.0.29 =
*  Fixed: Multiple sliders in a page.

= 1.0.28 =
*  Fixed: Embed slide as first slide.
*  Changed: Licensing page.

= 1.0.27 =
*  New: Slider preview in admin.   
*  Changed: Improved slide load.   
*  Fixed: Play/pause button.   

= 1.0.26 =
*  New: Parallax effect.
  
= 1.0.25 =
*  Fixed: security issue.   
*  Changed: Manage buttons position.
  
= 1.0.24 =
*  Changed: YouTube, Vimeo embed.   
*  New: Instagram, Flickr and Dailymotion embed.   

= 1.0.23 =
*  New: Hotspot layer (pro version).

= 1.2.22 =
*  New: Search by name in file manager.
  
= 1.0.21 =
*  Changed: Featured plugins page.

= 1.0.20 =
*  Fixed: Slider playback direction.

= 1.0.19 =
*  Fixed: Slider width/height problem after Chrome update.  
*  Fixed: Export.   
*  Fixed: Carousel slider with one slide.  

= 1.0.18 =
*  Fixed: Conflict with some themes.

= 1.0.17 =
*  New: Slider Export/Import.   
*  Fixed: Delete slides whitout layers on slider delete.   
*  Fixed: Image change effect in carousel views whith one image.  
*  Fixed: Removed  "There is no slider selected or the slider was deleted." error message for unpublished sliders.   
*  Fixed: Carousel view after Chrome update(23.05.15).  
*  Fixed: Activate first slide tab after slider duplication.  
*  Fixed: Active bullet and filmstrip thumbnail in carousel view.  

= 1.0.16 =
*  Changed: Featured plugins page.  
*  New: Featured themes page.  
  
= 1.0.15 =
*  Change links.

= 1.0.14 =
*  Fixed: Disable enter key on text inputs.   
*  New: Bulk add images by media uploader.

= 1.0.13 =
*  Fixed: Image layer alt.   
*  Fixed: Word break in Chrome.

= 1.0.11 =
*  Fixed: Timer bar and bullets postion with horizontal filmstrip.     
*  Fixed: Set watermark.   
  
= 1.0.10 =
*  Fixed: Slide change direction from 9 to 10.    
*  Fixed: Layers with "Start with slide" option.   

= 1.0.9 =
*  Update licensing page

= 1.0.8 =
*  New: Start with slide option.   
*  New: Effect duration option.   

= 1.0.7 =
*  New: Circle timer.  
*  New: Slider duplication.  
*  Fixed: Disable swipe on navigation off.   
*  Fixed: Layer click on 3D animations.  

= 1.0.6 =
*  custom play/pause buttons  
*  slide duplication  

= 1.0.5 =
*  Image for Next / Previous buttons (Default, Custom, Styled)  
*  Image for bullets (Default, Custom, Styled)  

= 1.0.4 =
*  stop on hover option  
*  slide, text layer, image layer link open in a new window option  

= 1.0.3 =
*  single quota in image name (bug fixed)  

= 1.0.2 =

*  Turn SliderWD Media Upload  
*  Ajax save  
*  Images Bulk Add  
*  Timer bar bug fixed  
*  change shortcode button  
*  fullwidth slider margin bug fixed  

= 1.0.1 =
*  User manual links added.  

= 1.0.0 =
*  Initial version.  


== Frequently Asked Questions ==

= 1. Is Slider WD responsive? =
Yes, the Slider WD is responsive and displays resized image for the mobile devices and tablets.    

= 2. Can I add slider into the theme in a custom location? =
Yes, that’s possible to achieve. The plugin automatically generates a shortcode and php code for each slider, thus you can copy and paste the php code for the slider to a custom location. The shortcode and php codes are listed next to the slider in Slider WD>Slider section.    
   
= 3. Can I use the Slider WD to create different sliders for different pages? =
Yes, you can create unlimited number of sliders with unlimited amount of slides. Then you can paste the corresponding slider code within each page.The slider shortcodes are listed next to the slider in Slider WD>Slider section.      

= 4. Is it possible to make custom style changes to the sliders? =
There is a Custom CSS box within the Settings of each slider. Here you can add inline styles for that specific slider.       

= 5. How can I add images to slider? =
You can either upload the images using Media Upload option or provide the absolute URL of the images to be used within the slider.       

= 6. What options does the Slider WD use during the slide transition? =
The slider can be set to autoplay or display arrows on hover for switching in between the slides. There is a possibility of displaying a timer bar, which will indicate the timing in between the slides.       

= 7. Is it possible to add advertising or watermark over the images with free version? =
Yes, it is possible to add watermark over the slider images. There is only one watermark possibility for all images.    

= 8. How to upgrade from Slider WD to Pro version? Will I lose my data? =
To upgrade from Free to Pro version, please deactivate and delete an old version of a Slider WD and install the downloaded from Web-Dorado.com file. No data will be lost.

= 9. Are Slider WD translation ready? =
In order to translate Slider WD you'd need to define the language of your site in Settings > General> Site Language. This way the slider wd should be translated automatically.
Otherwise, you may manually modify translation from wp-content/plugins/slider-wd/languages/ In this case you'd need POEdit.  
If you have found mistakes in translations , please write us and we will make necessary changes within the next few days.   

= 10. Can I adjust the width of the slider to be full-width? = 

Yes, Slider WD has an option for displaying full-width sliders. You can use the feature for inserting not only sliders on your homepage, but also different post and pages.

= 11. What audio files can be used for audio playback in Slider WD? =

You can use  the following file formats with Slider WD for sliders audio playback- .aac,.m4a,.f4a,.mp3,.ogg,.oga..

= 12. What transition effects are supported with free version of Slider WD? =

Slider WD free version has support for 5 transition effects. Those are 'No effect',  'Fade', 'Slice in', 'Fan', 'Scale In'.

= 13. How can you change the order of images (slides) within Slider WD? =

Slider WD uses easy drag and drop feature. This allows to order the slides for each slider from the back end. For easier navigation you can name the slides.

= 14. Does Slider WD support Google fonts? =
Slider WD supports Google Fonts. This shall allow users to add custom fonts over slides as layers using the big variety of Google fonts.   

= 15. Why my watermark is not showing? =
Watermark may not work for the following reasons:
1. If you add an image with an external link
2. If your GD2 library in your server is switched off
3. If the image you have uploaded is larger than the dimensions you have set in settings. This means that if you have placed the watermark on the angles of the photo you just won’t see it because the photo will be cut off.

So, please try the following: make sure to upload photos without using any link option, make sure to have your server’s GD2 library on, resize the image and set the same dimensions as in the slider settings before upload.    


==Wordpress Slider WD Step by step guide==   

= Step 1: Installation of Slider WD plugin. =
1.1 Minimal requirements.

WordPress 3.4+
PHP 5.x
MySQL 5.x

1.2 Installation.

Log-in to your WordPress administrator panel.
Select Plugins page from toolbar menu, click Add New.
Search for Slider WD in the right-top search bar if you want to download the Free version or click Upload Plugin button > "Choose file" ("Browse") and select the Sliders zip file if you are installing the Professional version of Slider WD.

For Mac Users
Go to your Downloads folder and locate the folder with the Slider WD. Right-click on the folder and select Compress. This will create a .zip file which can be installed as described below:
Click "Upload & Install" button.
Click "Activate Plugin" button for activating the plugin.
If any problem occurs with installation of Slider WD, please let us know using ["Contact Us"](https://web-dorado.com/support/contact-us.html) form. 

= Step 2:  Adding images to Sliders. =
Go to Slider WD > select Sliders > click Add New
First of all specify the name of the slider in Slider Title field. Below that you will be able to add your new slides.
2.1 Published. Under the image you have just added, select YES whether you want to publish slide, so it will appear in your slider.
2.2 Link the slide. Next to Yes/No select under the slide, you will see an option "Link the slider to". This option allows you to redirect users on click to another post/page or website. 
2.3 Add image from Media Library. 
ou can upload images of your Media Library to the slider, by clicking "Add Images" button on the top of your working area. Otherwise, you may upload new files using the "Upload files" tab on the top-left side of your Media Library menu. 
2.4 Add Image URL. You can also add images providing the absolute link to it. Press Add Image URL, provide the link and press Add button.This will be useful for adding images to the slider without the need of downloading those and uploading again.
2.5 Add Video. In addition to images, you can instead use videos  withing the slider from YouTube and Vimeo. You should click on Add Video button, provide the link to the video and press Add button. The image associated with the YouTube/Vimeo video will be automatically displayed as a slider image and then the video will be played. 
2.6 Remove. You can use Remove button to remove the slider image or video.  

For adding additional images, you should press "+" next to the Slide tab.  The Slide tabs can be renamed to make it easier to reach the desired slide within the list, as well as they can be rearranged using drag and drop feature. 

= Step 3:  Adding layers to the slide. =
There are three types of layers that can be added to the slides: text, image and social button.  

The layer buttons are located on the lower left corner of each slide.  

You can add more than one layer to your slide. These layers can be of different or same type.   

3.1 Add Text Layer. You can add custom text to be set as layer over the specific slide.   

Text. Provide the text which will be displayed over the slider image.   
Link. Provide an absolute URL to which the user will be redirected when pressing on the text layer.   
Position. Provide the values of x and y axis to position the text layer. In addition you can drag and drop the text layer to a desired position.  
Size. Define the font size of the text.  
Color. Select the text color for the text layer.  
Font family. Choose the font family for the text.  
Font weight. Choose the font weight for the text from the provided options.  
Effect in. Apply an effect to the process of putting the layer over the slide.  
Start- Define the timing when to start the effect.  
Effect- Select the effect option from the drop-down list.   
Duration- Define the duration of the effect in ms.  
Effect out. Apply an effect to the process of taking the layer off the image.   
Start- Define the timing when to start the effect.  
Effect- Select the effect option from the drop-down list.   
Duration- Define the duration of the effect in ms.  
Padding. Using CSS type values set padding for the text.  
Background Color. Choose a background color for the text layer.  
Transparent. Specify the level of transparency for the layer.  
Border. Choose the border line width, type and color.  
Radius. Set a radius for the text layer using CSS type values.  
Shadow. Get a shadow for the text layer using CSS type values.  
Published. Choose whether to publish the layer or not.  


3.2 Add Image Layer. You can add images of various dimensions to be set as layers.

Dimensions. Set the dimensions of the image. Note that it will be best to select dimensions which correspond to the ratio of the original image, so that the image will not be distorted.  
Scale. By checking the box the image will be automatically scaled taking the provided width and keeping the original ratio of the image.  
Alt. Set the HTML attribute specified in the IMG tag to provide alternate text when an image on a Web page cannot be displayed.  
Link. Provide an absolute URL to which the user will be redirected when pressing on the image layer.  
Position. Provide the values of x and y axis to position the image layer. In addition you can drag and drop the layer to a desired position. 
Transparent. Define the level of transparency for the image layer.  
Effect in. Apply an effect to the process of putting the layer over the image.  
Start- Define the timing when to start the effect.  
Effect- Select the effect option from the drop-down list.  
Duration- Define the duration of the effect in ms.   
Effect out. Apply an effect to the process of taking the layer off the image.   
Start- Define the timing when to start the effect.   
Effect- Select the effect option from the drop-down list.   
Duration- Define the duration of the effect in ms.   
Border. Choose the border line width, type and color.   
Radius. Set a radius for the image layer using CSS type values.   
Shadow. Get a shadow for the image layer using CSS type values.   
Published. Choose whether to publish the layer or not.   


3.3 Add Social Button Layer. You can add social media buttons to share the slider images over the popular social networking websites, selecting the relevant button types.    

Position. Provide the values of x and y axis to position the social button layer. In addition you can drag and drop the layer to a desired position.   
Social button. The button type can be chosen between Google +, Facebook, Twitter, Tumblr and Pinterest buttons.
Size. Define the size of the added button.  
Transparent. Define the level of transparency for the social button.  
Effect in. Apply an effect to the process of putting the layer over the image.  
Start- Define the timing when to start the effect.  
Effect- Select the effect option from the drop-down list.  
Duration- Define the duration of the effect in ms.  
Effect out. Apply an effect to the process of taking the layer off the image.  
Start- Define the timing when to start the effect.  
Effect- Select the effect option from the drop-down list.   
Duration- Define the duration of the effect in ms.  
Color. Set the color for the social sharing button.  
Hover color. Set the color for the social sharing button when hovered.  

3.4 Add Video Layer. You can add YouTube or Vimeo videos as video layers for the slider. To do so, it is required to provide the link to the video and press Add button. 
Dimensions. Set the dimensions of the video layer thumbnail image with be used in slider. The thumbnail will appear with a default dimension, which can be further altered.
Position. Provide the values of x and y axis to position the video thumbnail. In addition you can drag and drop the layer to a desired position. 
Effect in. Apply an effect which will be used when the video layer appears over the slider.
Start- Set time for starting the effect on slider.
Effect - Select the effect option from the drop-down list. 
Duration- Define the duration of the effect in ms.
Effect out. Apply an effect which will be used when the video layer disappears from the slider.
Start- Set time for starting the effect.
Effect - Select the effect option from the drop-down list. 
Duration- Define the duration of the effect in ms.
Autoplay. Choose whether to autoplay the video layer when the layer is added on the slider or not.
Border. Choose the border line width, type and color.
Radius. Set a radius for the video layer using CSS type values.
Shadow. Get a shadow for the video layer using CSS type values.
Published. Choose whether to publish the layer or not.

= Step 4:  Changing/Modifying Slider Settings. =
To access the settings you should go to Slider WD>Sliders>Settings tab.   

4.1 Global Settings. You can change the main settings here. The changes will affect only the current slider and not previously created sliders. That is to say the global settings are slider-based.  

Dimensions. Set the maximum dimensions of the slider. The dimension is set to maximum since with smaller displays the slider will be displayed in smaller dimensions due to the responsiveness feature. This will be the constant dimension of the slider regardless of the images.  
Full width. Choose whether to have the overall slider stretched to the full width of the page, where it is posted or not. The length will be given corresponding to the original ratio of the slider, e.g. if you have it set to 480x300 and the width of the page is 960, then the height of the slider will be 600.
Background fit. There are three options for inserting the image into a slide. You can choose the relevant option best for you. If you have the image identical to the Dimensions section, then all three will provide the same full covered look of the slider. As for the cases, if the image is smaller/larger than the original one, the views will be a bit different. Let's consider the cases.  
Cover. The image will get cut from the middle part and will get enlarged to fit the entire background.  
Fill. The image will get stretched or compressed to the dimensions of the slider.  
Contain. The image will stay in its original form and the rest of the slider content area will be covered by the slider background.
Align. Set the alignment of the image within the slider.  
Effect. Select the slider transition effect which will be applied when shifting from one slider to another. Note, that it is different from the layer effects and does not affect the layer effects.  
Time Interval. Set the time interval for the change of the sliders.  
Autoplay. Choose whether to autoplay the sliders or not.  
Shuffle. Choose whether to have the slides change in a random manner or to keep the original sequence.
Music. Choose whether to have music/audio track playback with the slider or not.  
Music URL. Provide the full link to the audio track, which will be used with the slider.  
Smart Load. Choose whether to have the smart load feature, which will help to have faster load for the first few images of the slider and will process the rest meanwhile.   
Background color. Select a background color for the slider, as well as its transparency level.
Border. Set the border width, type, as well as the color for the slider.  
Border radius. Set the border radius using CSS type values.   
Margin. Set a margin for the slider in pixels.   
Shadow. Set a slider shadow using CSS type values.   
Right click protection. Choose whether to have right click protection for avoiding the slider image download of or not.    
Layer out on next. Choose whether to have the layer effect out regardless of the timing between the hit to the next slide or skip the effect out and get to the next slider image.   
Published. Choose whether to publish the mentioned slider or not.  

4.2 Navigation. You can change the style, colors and dimensions for the navigation buttons or completely remove the navigation buttons from the slider.   

Next/ Previous buttons. Choose whether to display Previous and Next buttons within the slider or not.  
Next/ Previous buttons. Choose whether to display Play and Pause buttons within the slider or not.   
Show Navigation buttons. Select between the option of always displaying the navigation buttons or only when hovered.   
Next/ Previous buttons style. Choose the style of the button you prefer to have as navigation buttons for the slider.   
Next/ Previous buttons size. Set the dimensions for the right/left buttons of the slider.  
Play / Pause button size. Set the dimensions for the play/pause buttons of the slider.  
Buttons color. Select a color for the navigation buttons.  
Hover color. Select a hover color for the navigation buttons.  
Border . Select the type, size, as well as the color of border for the navigation buttons.   
Border radius. Set border radius for the navigation buttons using CSS type values.  
Background color. Select the background color for the navigation buttons using the color picker. In addition you can set the transparency level of the background for the slider.   

4.3 Bullets. In addition to navigation buttons, you can also use bullets for the navigation within the slider images. Upon hitting the bullet the slider image in the corresponding position will be displayed.  

Enable bullets. Choose whether to have slider naviagation bullets or not.  
Position. Select the position for the slider navigation bullets.  
Bullet style. Choose the style for the slider bullets from provided 5 options.  
Size. Define the size of the navigation bullets.  
Color. Select the color for the navigation bullets.  
Active color. Select the color for the bullet, which is currently displaying a corresponding slider image.   
Margin. Set the margin for the navigation bullets in pixels.   

4.4 Filmstrip. You can add a filmstrip for the slider images.This way the entire list of the slider images will be displayed and the user can navigate immidiately to the desired slider image.   

Enable filmstrip. Choose whether to have thumbnails of the slides displayed as a filmstrip or not.   
Position. Set the position of the filmstrip between 4 possible options.    
Thumbnail dimensions. Define the dimensions of the filmstrip thumbnails.   
Background color. Select the background color for the filmstrip.   
Thumbnail margin. Set the margin for the thumbnails in pixels.   
Active border. The thumbnail for the currently displayed image will have a border. You can set its size, type and color.   
Deactive transparency. You can set a transparency level for the inactive filmstrip items.   

4.5 Timer Bar. You can add a bar displaying the timing left to switching to the next slide. This is commonly used when using autoplay for the slider.   

Enable timer bar. Choose whether to display a timer bar over the slider images or not.   
Type. Choose the type of the timer bar to be used within the slider.   
Size.  Define the size of the timer bar in pixels.   
Color. Select the color and the transparency level of the timer bar.   

4.6 Watermark. You can add watermark over the slider images both in the forms of text and images.   

Please note that the Fill and Contain options of the slider will work fine with Watermark option regardless of the slider image dimensions, whereas for the Cover option you should have the slider image identical to the size set in the Dimensions setting. If you have uploaded the image with another dimension, you will need to resize the image and upload it again.   

Watermark Type.  Choose what kind of watermark you want to use with the slider from provided 2 options (text, image) or not to use watermarks over your slides.   
Text
*   Watermark text. Provide the text which will be displayed over the slides.   
*   Watermark font size. Specify the font size of the watermark in pixels.  
*   Watermark font style. Specify the font family for the watermark text.   
*   Watermark color. Select the watermark text font color, as well as the watermark transparency using CSS type values.   
*   Watermark position. Choose the positioning of the watermark from the available 9 options.   
Image
*   Watermark URL. Provide the absolute URL of the image which will be used for the watermark. Please note that only .png images are supported.    
*   Watermark image size. Define the size (in percentage for the responsive look) of the image used for the watermark.    
*   Watermark position. Choose the positioning of the watermark from the available 9 options.    

4.7 CSS. You can add custom CSS in the box below to apply custom changes to the slider. The changes will override the original styles coming as default with the slider.   

Step 5: Publishing the created Slider.   
To insert the Slider into a Page or a Post:   

You can insert the created Slider into a page or post. Go to the mentioned Post or Page. Here you will see "Insert Slider" button with a Slider icon. Press the button, Select the slider and press Insert.   

In addition, you can insert the shortcode of the slider manually. The corresponding shortcode is displayed next to the created slider in Slider WD>Sliders section under Shortcode column.  

To insert the Slider within the Theme.   

You can insert the created Slider into the theme calling it with PHP function. This feature is commonly used for adding the code to header.php for displaying the slider within the header position of the website. You can find the function located in Slider WD>Sliders section under PHP function column.    

To insert the Slider as a widget.  

Go to Appearance>Widgets>Slider. Select a position for the slider widget and press Save button. Then provide the title for the slider and select the corresponding slider using the drop-down list.   

4.7 Carousel Slider.
You can display the slider images in a carousel view, which displays a larger image within the center and descending size images before and after the main image.
Carousel. Choose whether to use carousel display of slider or not.
Number of images for slider carousel. Define the number of visible images whenever using carousel display.
Carousel image ratio. Define the proportions between the main image and images preceding and following the main image on the slider.
Container fit. If you activate the option the distance between the images will be identical so that the images fill the container, otherwise the distance between the images will depend on the ratio.
Fixed Width. Define the maximum width of the slider display.


= Step 5: Publishing the created Slider. =
To insert the Slider into a Page or a Post: 
You can insert the created Slider into a page or post. Go to the Post or Page. Here you will see “Insert Slider” button with a Slider icon. Press the button, Select the slider and press Insert.
In addition, you can insert the shortcode manually. The corresponding shortcode is displayed next to the created slider in Slider WD>Sliders section under Shortcode column.
To insert the Slider within the Theme.
You can insert the created Slider into the theme calling it with PHP function. This feature is commonly used for adding the code to header.php for displaying the slider within the header position of the website. You can find the function located in Slider WD>Sliders section under PHP function column.
To insert the Slider as a widget.
Go to Appearance>Widgets>Slider. Select a position for the slider widget and press Save button. Then provide the title for the slider and select the corresponding slider using the drop-down list.

= Step 6: Importing/Exporting Sliders. =
If you plan to move the sliders from one site to another you can use this feature. Make sure that you have installed the Slider WD to the destination site.

Exporting Slider
Select the Slider you want to export using the checkbox and press Export slider button. You can choose whether to transfer the slider with images and settings, or only the settings adding your own slides afterwards.

Importing Slider
Select the file to import and press Import button. The slider will be added automatically.

Try demo sliders
[DOWNLOAD LAYER SLIDER](http://wpdemo.web-dorado.com/layer-slider)         
[DOWNLOAD LAYER SLIDER 2](http://wpdemo.web-dorado.com/slider-pro-2)         
[DOWNLOAD MULTY LAYER SLIDER](http://wpdemo.web-dorado.com/slide1)         
[DOWNLOAD NEWS SITE OR BLOG SLIDER](http://wpdemo.web-dorado.com/news-site-or-blog)         
[DOWNLOAD POST FEED DEMO SLIDER](http://wpdemo.web-dorado.com/post-feed-demo)         
[DOWNLOAD ONLINE STORE SLIDER](http://wpdemo.web-dorado.com/online-store)         
[DOWNLOAD PORTFOLIO SLIDER](http://wpdemo.web-dorado.com/portfolio)         
[DOWNLOAD 3D FULL-WIDTH SLIDER](http://wpdemo.web-dorado.com/slide2)         
[DOWNLOAD FILMSTRIP SLIDER](http://wpdemo.web-dorado.com/slide3)         
[DOWNLOAD ZOOM EFFECT SLIDER](http://wpdemo.web-dorado.com/slide4)       
[DOWNLOAD CAROUSEL SLIDER](http://wpdemo.web-dorado.com/wordpress-slider-wd-carusel)         
[DOWNLOAD PARALLAX SLIDER](http://wpdemo.web-dorado.com/parallax)       
[DOWNLOAD HOTSPOT SLIDER](http://wpdemo.web-dorado.com/hotspot)       
[DOWNLOAD VIDEO SLIDER SLIDER](http://wpdemo.web-dorado.com/video-slider)         
		
