After you activate Huge-IT Slider plugin it should appear on the left panel of wordpress dashboard. Click on it go in Slider>Add New Slider.
Click on “Add Image Sliderâ€. Using Standard Media Uploader option you should select the images you want to add to your slider. You can add images as one by one and using multi selection, add several images at once. Each image should be filled with information individually from our admin page.
Let’s have a look at the individual features of the images.
Here you can provide a title for the slider image.
Provide the details for the image. This will be visible on a transparent layer on the slider. Description text can be constructed using HTML.
This is an optional feature. You can provide a link on the slider to take to specific location on your website or another website. The URL should be provided in http:// form. next to it you can select “open in new tab†option.
Click on “Add Video slideâ€, this will open a window with “Add Video URL From Youtube or Vimeo†filed, where you should insert the link of the video from that two sources. After video is inserted you will see a few configuration options and your video slider is ready.
Click on “Add post slide†you will see a window which allows you to add post slider using 2 different ways. One is manual way, called “Static Postsâ€. Clicking on it you will see a list of your post, which you can select. Second way is “Last Postsâ€, here you just select how many posts it should grab, from which category, some slightly adjustments and it’s ready.
Note: each post should have featured image in order to be seen in slider.
It is not recommended to use post slider mixed with simple slider.
These options are available in free version, and allows you to make individual adjustments on each slider. You can find them straight on the right panel of slider admin page.
Specify the width of the slider in pixels. It has maximal limit - slider will not be larger than your theme container size.
Specify the height of the slider in pixels.It has maximal limit - slider will not be larger than your theme container size.
Select the effect which will be applied to the slider.
Specify the pause time for the slider in milliseconds.
Specify the change speed in milliseconds.
Choose where to posit the slider within your fixed container.
This option is important. If your site jQuery loading time is slower that it should be, slider may have slightly movement, which you should cover using loading icon.
Decide how to navigate slider. It has three ways: using dots, thumbnail images, or no navigation at all.
Choose whether to pause the slider on mouse or leave it changing to the further image.
To change the styles and colors of the slider you should got to Huge IT Slider> Slider Options.
Choose natural to show images in their natural size. In this case your slider will have background.
Select the background color for the image. The color will be visible with during the slide change within specific effects.
Add border on the top and bottom of the slider.
Paint the border with the new color.
Configure border radius.
While loading icon option is ON, you can choose a style for it.
Set the color for the title.
Choose the color for the cell containing the title.
Specify the font size for the image title.
Set the border for the title.
Select the border for the title.
Set the border radius for the title.
Define the position of the title using the view graph.
Set the color for the image description.
Choose the color for the cell containing the image description.
Specify the font size for the image description.
Specify the border for the image description.
Select the border color for the image description.
Set the border radius for the image description cell.
Select the positioning of the description. Please make sure it does not coincide with the title position avoiding overloading.
Select how many thumbnail images you want to see under slider as navigation.
Choose height for the thumbnails of the slider.
If images has different proportions. they have background and you may adjust it’s color.
Those thumbnails which are passive have overlay, which you can change in color.
Thumbnail overlay may be changed in transparency level.
Set the position for the navigation arrows.
Select the dot color for the navigation.
Specify the color for the dot for the currently displayed image.
Select to see navigation arrows on slider.
Choose navigation arrow style among 16 different types.
You should use the automatically generated code into the Post or Page. The shortcode takes the following form:
[huge_it_slider id=N] , where N is the number ID of the created Slider.
The shortcode can be easily inserted into a template/theme which corresponds to the WordPress standards.
To do so you should insert the following shortcode:
Where N is the number ID of the created Slider.
From theme widget list you can find Huge-IT Slider, and may add it as widget.