How to use vSlider?

In the previous tutorials we have covered on how to install a WordPress plugin, How to setup vSlider : Part 1 General Settings, Part 2: More vSlider Settings and Part 3 : Adding images to vSlider. In this tutorial we will cover, how to use vSlider in your posts, themes or sidebars.

When you have installed and activated the vSlider in your admin panel, you will see “vSlider” in your admin panel.

1. To add a new vSlider to your page click on “vSlider” from the drop down.You will see a table of all
vSliders you have it on your site.To add a fresh vSlider, enter the name of the vSlider in the text box
and click on “Add new vSlider”.

2. To edit any vSlider, select “vSlider” from the drop down and click on “Edit” button.
(It will open the default vSlider if you select on “Edit vSlider” you can refer to above tutorials for more information).

3. Now to use vSlider in different ways please follow the following methods:

vSlider Shortcode Usage

Use the following shortcode in your posts/pages

[ vslider name=”abc” ] where abc is the name of the vSlider you have created in your vSlider admin panel. (remove the space between [ and v in the reference, keep a spance between vslider and name.)

vSlider Widget Usage
Go to WordPress Admin panel, you will find a preinstalled widget named vSlider. Select and Drag the Widget to the respective sidebar and select the name of the vSlider you want to show in the sidebar.

vSlider Function Usage
In case you want to use vslider as a function in your theme, just use

<?php if(function_exists(‘vslider’)) { vslider(‘abc’); } ?>

Where abc is the name of the vSlider you want to show at the function location.

This covers up the vSlider documentation, do refer to vSlider forums and documentation given in vSlider Faq’s in the plugin.

19 comments

  1. Leonardo says:

    Como por o vSlider 4.1.1 para aparecer em apenas uma pagina não em todas?

    1. Mr.Vibe says:

      você pode ter vSliders múltiplos na mesma página, no caso 4.1.1 não está funcionando por favor crie uma thread no https://vibethemes.wpengine.com/forum

  2. Max Hansson says:

    Anyways, the code snippet for function usage doesn’t work anymore.

    1. Mr.Vibe says:

      Code snippet updated. We are using the same snippet on our homepage.

      1. Max Hansson says:

        Thank you! While this does enable the slider, the slider itself doesn’t seem to work. It just shows the first slide, with no buttons or anything JS-related apparent. WordPress 3.2.1

        1. Max Hansson says:

          Nevermind, it was (probably) caused by a jQuery conflict. Loaded it manually instead of letting the plugin use wp_head to load it.

  3. Love the vSlider! I needed a simple but effective image slider for my home page, and the ability to customize the slides works great. Thanks

  4. karthi says:

    Hi i am trying to create a gallery like this http://www.chantellemoorephotography.com/gallery/will-you/… Is this possible with this plugin…

  5. Dean says:

    I have created a custom widget, simple question really:
    How do I get the shortcode to work in widgets?

    Thanks

    1. Dean says:

      Reason why I was wanting to do this is because I created a custom text widget and wanted to ad a vSlider to it. So I used the php snippet and installed this pluding exec-php – http://wordpress.org/extend/plugins/exec-php/.

      Would be a great little update in a later version to have the shortcode work in widgets?

      Thanks for awesome plugin vSlider!

    2. Mr.Vibe says:

      Use this in your theme functions.php

      add_filter(‘widget_text’, ‘do_shortcode’);

      ( v )

  6. David says:

    The short code isn’t working to place a slider on a page. Any suggestions?

    1. Mr.Vibe says:

      shortcode should be like : [vslider name=”abc”], where abc is the name of the slider.

  7. paul says:

    Hi there,

    Can I get the vslider to show the featured image of pages? I read that it could, but there is no option in the configuration to set the ‘image source’ to page. Only ‘custom’ and ‘category’.

    Thanks in advance!

    Regards, Paul

    1. Mr.Vibe says:

      Thanks for your request. I will include it in next version vSlider. In case you need a quick solution post it in our forums.
      ( v )

  8. umair says:

    where i put this function in my theme

  9. coolvibe says:

    Wherever you want to use it, see videos on the showcase->vslider page for this.

  10. DioWarriors says:

    This is a very nice and useful carousel. I’ll certainly try it with my site.

Leave a Reply

%d bloggers like this: