WordPress.org

Plugin Directory

Slider

Slider Huge-IT is an awesome WordPress Slider Plugin with many nice features. Just need to install and build slider in a few minutes.

WordPress Slider step by step guide

Step 1. Installation of Slider plugin

  • To install Slider plugin go in Plugins > Add New > search for slider plugin, after you find Huge-IT Slider, click on > Install Now > as soon as slider plugin is installed, press on > Activate and slider is ready to work with.

For the PRO version of slider installation is almost the same

  • Plugins > delete the FREE version of the slider from WordPress > Add New > Upload Plugin> use the zip file of the Huge-IT slider which you get after the purchase, and after installation again activate the slider.

After activation you can see Huge-IT Slider on the left toolbar

Step 2. Adding Slider.

  • To add a Slider, go to Huge IT Slider > Slider >Add New Slider.

2.1 Click on Add Images.

  • Using Standard Media Upload option you should select the images you want to add to your slider. Images in slider can be added multiple at once, Pressing ctrl and selecting several images, add all in the slider with one click.
  • Let's have a look at the individual features of the images.
  • Title. Here you can provide a Title which will lay on the slider image.
  • Description. Provide the details for the slider image. This will be visible above the image, so it is advised to make it as short as possible
  • URL. 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. Clicking on the image of the slider you will be straight directed to that URL link

Step 3. Current Options.

  • Width. Specify the width of the slider in pixels.
  • Height. Specify the height of the slider in pixels.

  • Effects. Select the effect of the slider transition which will be applied.

  • Pause time. Specify the pause time for the WordPress Slider in milliseconds.
  • Change speed. Specify the change speed of the slider effect in milliseconds.
  • Slider Position. Slider can be placed on Left Right or Center within your page
  • Loading Icon. ON - will enable the loading spine on the place of the slider when the site is slow
  • Navigate By. This option allows to turn off any navigation, and make it dots or arrows
  • Pause on Hover. Choose whether to pause when the mouse is above the slider or leave it changing to the next image.
  • Video AutoPlay (PRO) This will allow the video in the slider to autoplay
  • Random. The option slides the image in the slider \in random order

Step 4. Editing General Options.

  • To change the styles and colors of the slider you should go to Huge IT Slider > Slider Options.

4.1 Slider Styles

  • Background Color. Select the background color for the image in the slider, when Image Behaviour is set on ”Natural” this shows some background in the slider. The color will be visible with during the slide change within specific effects.
  • Image Behavior. “Natural” and slider will show images in real proportions, otherwise will stretch them due to the slider size
  • Border size. Set the border around the slider.
  • Border color. Select the slider’s border color.
  • Border radius. Set the border radius of the slider corners.
  • Slider Loading Image. Pick up some loading icon for the slider loading

4.2 Description Styles

  • Description Color. Set the color for the slider image description.
  • Description background color. Choose the color for the cell containing the slider image description.
  • Description font size. Specify the font size for the slider image description.
  • Description border size. Specify the border for the slider image description.
  • Description border color. Select the border color for the slider image description.
  • Description border radius. Set the border radius for the slider image description cell.
  • Description position. Select the positioning of the description within the slider. Please make sure it does not coincide with the slider title position avoiding overlapping.

4.3 Title Styles

  • Title Color. Set the color for the title on the slider.
  • Title background color. Choose the color for the cell containing the title.
  • Title font size. Specify the font size for the image title of the slider.
  • Title border size. Set the border for the title.
  • Title border color. Select the border for the title.
  • Title border radius. Set the border radius for the title.
  • Title position. Define the position of the title within the slider, using the view graph.

4.4 Navigation Thumbnails Styles

  • Count of Thumbs Slides. The number of the thumbnail images that are shown on the slider
  • Slider Thumb Height. Set the height of the thumbnail image
  • Thumbnails Background Color. In case if the images are different there can be background
  • Passive Thumbnail Overlay Color. The overlay of the image which is not selected
  • Passive Thumbnail Overlay Transparency. The transparency of the non selected thumbnail

4.5 Navigation Dots Styles.

  • Navigation Dots Position. Set the position for the navigation dots within the slider, it has two positions .
  • Navigation Dots Color. Select the dot color for the navigation.
  • Navigation Active Dot Color. Specify the color for the dot for the currently displayed image.
  • Show navigation Arrows. Select to navigate the images in the slider using arrows
  • Navigation Type. Select the type of the navigation arrows to be used for the website. There are 13 different types for the slider

Step 5. Inserting the Slider.

5.1 Inserting the Slider into the Post or Page.

  • You should use the automatically generated code into the the Post or Page. The shortcodes takes the following form: [huge_it_slider id=N] , where N is the number ID of the created WordPress Slider.

5.2 Inserting the Slider into the template.

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.

Requires: 3.0.1 or higher
Compatible up to: 4.6.1
Last Updated: 2 weeks ago
Active Installs: 100,000+

Ratings

4.3 out of 5 stars

Support

15 of 17 support threads in the last two months have been marked resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

0,1,0
100,1,1 0,1,0 0,1,0 0,1,0
100,1,1
100,1,1
100,1,1
100,3,3 100,1,1 100,1,1 100,1,1
50,2,1 100,1,1 75,4,3 0,1,0 100,2,2 0,1,0 0,1,0 67,3,2 100,1,1 100,1,1
100,1,1 100,4,4
0,1,0
80,5,4 50,2,1
0,2,0 0,1,0
100,1,1
100,1,1 0,1,0
100,1,1 0,2,0 0,1,0 0,1,0
50,2,1 100,3,3
0,1,0
100,1,1 100,1,1
100,1,1 0,1,0
0,1,0