Search Over 30,000 FREE Plugins from the Official WordPress Plugin Directory Repository

Responsive WordPress Slider - HG Slider

A responsive image rotator plugin that easily creates WordPress slideshows. Now 100% Organic!

HG Slider creates a new 'Slides' area in your WordPress admin and allows you to easily setup multiple sliders around your site. It uses the standard WordPress user interface so you (and your clients) will know how to use it instantly.

It has a full interface for creating Sliders and can simply put but anywhere on your site using a simple shortcode.

Author Hal Gatewood
Profile
Contributors halgatewood
Tags attachments, call to actions, easy slider, features, flexslider, free, gallery, hg slider, rotator, rotators, shortcode, simple slider, slider, slider shortcode, slides
  1. flexslider-hg screenshot 1

    List view of the slides, custom columns used for quick viewing and editing

  2. flexslider-hg screenshot 2

    Standard WordPress UI is used including Featured Image support, Post Excerpt and Page Attributes

  3. flexslider-hg screenshot 3

    Included default FlexSlider template included, can be modified with CSS

  4. flexslider-hg screenshot 4

    PHP function to create your FlexSlider placeholders.

  1. Add plugin to the /wp-content/plugins/ directory
  2. Activate the plugin through the 'Plugins' menu in WordPress
  3. Create placeholders in your templates (show below)
  4. Stylize to your themes design
  5. You and your clients can then upload slides with images, H2 titles and post excerpts. Great for SEO.

You can also use the new shortcode [flexslider slug="homepage"] to include the rotator in certain posts, pages, widgets, etc.

To include the rotator in your theme include the Slider 'slug' and add the following line to your template:

if(function_exists('show_flexslider_rotator')) echo show_flexslider_rotator( 'homepage' );

FAQ

Change Image Size

The size of the rotator is set from your WordPress Image Size settings. You can set those with the following function (also in your functions.php file).

add_image_size( 'homepage-rotator', '550', '250', true );

FlexSlider by WooThemes, Rotator Options

For the rotator itself it uses FlexSlider by WooThemes. To setup custom options like making the rotator slide, you can add FlexSlider options. The below example shows how and all the options can be found at http://www.woothemes.com/FlexSlider/

$rotators['homepage'] = array( 'size' => 'homepage-rotator', 'options' => "{slideshowSpeed: 7000, direction: 'vertical', animation: 'slide'}" );

Adding the rotator to your site

To include the rotator in your theme include the 'slug' found from your function above ($rotators['homepage']) and add the following line to your template:

if(function_exists('show_flexslider_rotator')) echo show_flexslider_rotator( 'homepage' );

You can also use the new shortcode [flexslider slug="homepage"] to include the rotator in certain posts, pages, widgets, etc.

Gallery of Attachments

New in version 1.3: If you want to display the image attachments for a give post or page simply add the shortcode [flexslider] and it will automatically grab the images. You can click the standard 'Add Media' button above the WordPress Content Editor and then reorder the images to the order you want them to display.

Used to be called: Responsive Slider for Developers

Share  
Download
Version 2.1

Requires WordPress version: 3.6 or higher

Compatible up to: 4.7.2

Last Updated 08 Dec 2016

Date Added: 21 Dec 2012

Plugin Homepage

Evaluation
star1
star2
star3
star4
star5

3.8 stars
12 ratings
43,850 downloads

Compatibility

Not Enough Data

Reports:
Works: 0
Broken: 0