Adding a slider in WordPress

To add a slider to your website using BindTuning themes you should proceed as follows.

  1. In Wordpress admin area, start by going to Appearance -> Widgets
  2. To create the slider you will use the Text widget. Select and add it to the corresponding area (e.g. SliderZone).
  3. Once the widget is added to the desired zone, you will have to include the slider code inside that widget, and this can be done in two different ways: 

Option 1 - Using HTML code

Copy the following sample code, and paste it into your Text Widget, previously added to a slider zone. 

<div class="carousel slide" id="myCarousel">
    <!-- Carousel items -->
    <div class="carousel-inner">
        <div>
            <img src="IMAGE PATH-1">
            <div class="carousel-caption">
                <h4>Meet the new theme</h4>
                <p><a class="btn btn-primary">Learn more</a></p>
            </div>
        </div>
        <div>
            <img src="IMAGE PATH-2">
            <div class="carousel-caption">
                <h4>Meet the new theme</h4>
                <p><a class="btn btn-primary">Learn more</a></p>
            </div>
        </div>
    </div>
    <!-- Carousel nav -->
    <a data-slide="prev" href="#myCarousel" class="carousel-control left"></a>
    <a data-slide="next" href="#myCarousel" class="carousel-control right"></a>
</div>

 You can adjust this HTML to your needs.

WP-add-slider-1.gif

Option 2 - Using a Shortcode:

  • Start by creating a page or a blog post.
  • On the edit box, click the BindTuning icon, then choose the Slider option.

WP-add-slider-2.gif

WP-add-slider-3.gif

  • After filling in all the fields, click "Insert".
  • Shortcode code will be added to the edit box, as in the following example:
[slider][slider_img src="IMAGEPATH-1" heading1="Meet the new theme" text="Clean style and extremely flexible" button_text="Learn more" button_link="BTNPATH-1"][slider_img src="IMAGEPATH-2" heading1="Mobile-ready" text="" button_text="Learn more" button_link="BTNPATH-2"][/slider]
  • Copy this code and cancel the creation of the post or page.
  • Paste copied code to the Text Widget 
  • Save

WP-add-slider-4.gif

 

NOTE:

Please note that not all layouts contains an area for slider.

Some BindTuning themes include an area specifically for the slider, typically included in Home layouts.

To select the layout, access Bind Tuning Elements -> Layout & Blog and choose the desired layout.

Have more questions? Submit a request

Comments

Got a question?

If you can't find the answer to your question, you can contact us.
We are here and happy to help.

Powered by Zendesk