This plugin allows you to implement a image and video slider on your page or post into of your WordPress website.
Fusion Slider Pro is an awesome WordPress Slider Plugin with many nice features. Just need to install and build slider in a few minutes.
Plugin Demo: Slider Demo
- Plugin Installation
- Add New Slider
- Publish Slider in Page/post
- Slider Settings
- Frequently asked questions (FAQ)
Here we explaining how you can installation, configuration and publishing various slider using Fusion Slider Pro plugin.
Follow these steps to publish your Slider:
1. Plugin Installation:
After download plugin Upload & Activate plugin into WordPress site.
Now Plugin is successfully installed
⇑ Goto Top
2. Create New Slider:
Go to Fusion Slider Pro plugin menu, then click on Add New Slider button.
Now Enter your Slider post title and click on Add slide button
When you click on Add slide button than a pop window will appears that is Multiple Image Uploader. Using multiple image uploader you can upload and add multiple images in the slider gallery.
Use CTRL key to select multiple images randomly and Use SHIFT key to select multiple images continuously. Now click on Select button to insert selected images into galleries.
Label & Description :- Image Label & Description will display in the gallery when you mouse hover on image and in mobile devices it will work on touch.
Remove Button :- Remove button ( x ) use to remove image from gallery.
Use slider Shortcode to publish slider in any Page / Post.
⇑ Goto Top
3. Publish Slider in Page/Post:
When you create a slider you can publish slider in any Page/Post.
Go to All Sliders menu page, copy the slider short code like :- [FSP id=190]
Now Go to Add New Page using Pages menu. Give Title to page and paste your copied [FSP id=190] shortcode into page content editor. Click on Publish button to publish your slider into page.
Slider Preview into Page:
Slider Preview :-
⇑ Goto Top
4. Slider Settings:
Through gallery settings you can configure Slider Type, width, Height, Arrow and Navigation Settings, Font Typography Settings, Feature Option, Slider speed settings and many more.
Explaining the each settings one by one.
4.1. Slider Type:
Plugin Comes with 7 type of slider each have different settings. So when are changing the slider type setting are changed according to it. Check all settings when changing slider.
4.2. Slider Effect:
Slider Effect enable/disable or option hide/display according to slider type. Effect is visible when slide changed.
4.3. Stretch (width):
Check this box if you want 100% width. This will equal to your container width.
If you unchecked this option a custom width option will display for this slider
4.4. Slider Width:
When the Stretch(width) option unchecked this option is visible. Use this option for slider custom width in px.
4.5. Slider Height:
Use this option for custom height of the slider.
4.6. Light Box Styles:
This option work only with nivo slider. This option change the slider display style.
You can use this option to open link in same tab or in new tab. This option will be apply when you select image type as link.
4.8. Arrow Background Color:
Using this option you can change navigation arrow background color.
4.9. Arrow Color:
You can use this option to change Navigation Arrow Color.
4.10. Previous Text:
Text for slider to see previous slide. example :- Prev, <, Previous
4.11. Next Text:
Text for slider to see Next slide. example :- Next, >
you can hide and show navigation bullets or thumb using this option.
4.13. Text Display Style:
You this option to change the display style of text on slider.
4.14. Title Background:
Use this option to set title background color and it’s opacity.
4.15. Slider Title Styling:
You can use this option for title styling.
4.16. Title Spacing (Top & Left):
Use this option to show your slider title any where on the slider. You can set top and left spacing for the slider. Value are stored in %. Like if you want to show your text on center you can set it’s value from top 50 and left 50.
4.17. Description Background:
Use this option to set Description background color and it’s opacity.
4.18. Slider Description Styling:
You can use this option for styling your Description text.
4.19. Description Spacing (Top & Left):
Use this option to show your Slider Description any where on the slider. You can set top and left spacing for the slider description. Value are stored in %. Like if you want to show your text on center you can set it’s value from top 50 and left 50.
4.20. Button Background Color:
Use this option to change background color of the button.
4.21. Button Text Color:
Use this option to change text color of the button.
4.22. Text Align:
You can use this option to align text left, right or center.
4.23. Feature Options:
In feature option you can find the option of Center Align, Auto Play, random, Hover Pause, Reverse.
Center Align :- Use this option to center align of the slider, if you are using custom width.
Auto Play :- Use this option to On/OFF slider auto play.
Random :- Use this option to Randomize the slider. Sliders will display in random order.
Hover Pause :- Check this option if you want to pause slide show on mouse hover.
Reverse :- Changed slides in and out direction.
4.24. Carousel Margin:
This option work with Carousel Slider. This option is used to set spacing between Carousel Images.
4.25. Slider Delay:
This is the time difference between two slides.
4.26. Animation Speed:
When next slide have to appear the Animation time taken by slide is Animation Speed.
4.27. Number of Slices:
Divide the image in given number of slices for the effect.
4.28. Number of Squares (Width):
This option work with Nivo Slider. This option Horizontally divide the image in no of squares for the effect .
4.29. Number of Squares (Height):
This option work with Nivo Slider. This option vertically divide the image in no of squares for generate effect .
4.30. Slide Direction:
It could be Horizontal and vertical.
Use this option to applying Easing Effect on slide show.
4.32. Caption Speed:
This option will work with Elastic Slider. By using this option you can set Text Speed of Elastic Slider.
4.33. Custom CSS:
This text field is used to apply custom CSS on this plugin. Custom CSS must be enter without using style tag. Simply write a custom css without < style > tag into below textarea field.
⇑ Goto Top
5. Frequently asked questions (FAQ):
1. How to install Fusion Slider Pro in WordPress?
### Install Plugin using the WordPress Admin Plugin Uploader
1. First download the ZIP file from you amember account.
2. Log in to your website administrator panel.
3. Go to the ‘Add New’ in the plugins dashboard, click “Upload Plugin”.
4. Upload Fusion Slider Pro ZIP file by choosing it from your computer.
5. Click **Install Now** button.
6. Then click **Activate Plugin** button.
7. You can see the slider plugin installed on WordPress left menu.
### Using FTP
1. First you will need to download the plugin. (it will be a zip file).
2. Next, you need to extract the zip file on your computer.
3. Login to your FTP
4. Access the path /wp-content/plugins/ for your server directory.
3. Upload the extracted folder to the **/wp-content/plugins/** folder on your web server.
4. Activate the plugin in the Plugin dashboard
5. You can see the plugin is installed and option will display on WordPress left menu.
⇑ Goto Top
2. How to get update notification of Premium Slider?
Each time when we release a new update, we will send a mail about new update. You can download the latest package and upload it to your WordPress or server.
⇑ Goto Top
IMPORTANT: If you found a bug in Fusion Slider Pro plugin or have any problem/question concerning the plugin, please post your query into Fusion Slider Pro Support Forum. If you do not find a solution there, do not hesitate to contact us at webhuntinfotech (at) gmail (dot) com.
Thanks For Reading This Document.