Title: Responsive WordPress Slider &#8211; HG Slider
Author: richardgabriel
Published: <strong>2012년 12월 21일</strong>
Last modified: 2021년 3월 30일

---

플러그인 검색

![](https://ps.w.org/flexslider-hg/assets/banner-772x250.jpg?rev=1346882)

이 플러그인은 **최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다**. 워드프레스의
좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 
있을 수 있습니다.

![](https://ps.w.org/flexslider-hg/assets/icon-256x256.png?rev=970026)

# Responsive WordPress Slider – HG Slider

 작성자: [richardgabriel](https://profiles.wordpress.org/richardgabriel/)

[다운로드](https://downloads.wordpress.org/plugin/flexslider-hg.zip)

 * [세부사항](https://ko.wordpress.org/plugins/flexslider-hg/#description)
 * [평가](https://ko.wordpress.org/plugins/flexslider-hg/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/flexslider-hg/#installation)
 * [개발](https://ko.wordpress.org/plugins/flexslider-hg/#developers)

 [지원](https://wordpress.org/support/plugin/flexslider-hg/)

## 설명

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.

## 스크린샷

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

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

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

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

[⌊Included default FlexSlider template included, can be modified with CSS⌉⌊Included
default FlexSlider template included, can be modified with CSS⌉[

Included default FlexSlider template included, can be modified with CSS

[⌊PHP function to create your FlexSlider placeholders.⌉⌊PHP function to create your
FlexSlider placeholders.⌉[

PHP function to create your FlexSlider placeholders.

## 설치

 1. Add plugin to the `/wp-content/plugins/` directory
 2. 워드프레스의 ‘플러그인’ 메뉴에서 플러그인을 활성화하세요.
 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

## 후기

![](https://secure.gravatar.com/avatar/87cc4739fe65280753f0012a38fa38f524c3e605a882de7de112cb725cf4269a?
s=60&d=retro&r=g)

### 󠀁[looks good but difficult to size](https://wordpress.org/support/topic/looks-good-but-difficult-to-size/)󠁿

 [jmill23](https://profiles.wordpress.org/jmill23/) 2016년 9월 3일

Simple to set up and looks great. Found the template sizes for the slider odd and
only one worked – the rest result in a stretch or distorted images. Tried inline
css using a div to control the size but can’t seem to reduce the height.

![](https://secure.gravatar.com/avatar/8f22865e17dc870e6f65d9d1aec5100d0e54e34bffe0c77463ba1b2410cc4ef3?
s=60&d=retro&r=g)

### 󠀁[Just for WooThemes](https://wordpress.org/support/topic/just-for-woothemes/)󠁿

 [vipteam](https://profiles.wordpress.org/vipteam/) 2017년 2월 7일

Others do not have to look for. I’m sorry because I expected more.

 [ 모든 12 평가 읽기 ](https://wordpress.org/support/plugin/flexslider-hg/reviews/)

## 기여자 & 개발자

“Responsive WordPress Slider – HG Slider”(은)는 오픈 소스 소프트웨어입니다. 다음의
사람들이 이 플러그인에 기여하였습니다.

기여자

 *   [ richardgabriel ](https://profiles.wordpress.org/richardgabriel/)
 *   [ Hal Gatewood ](https://profiles.wordpress.org/halgatewood/)
 *   [ ghuger ](https://profiles.wordpress.org/ghuger/)

“Responsive WordPress Slider – HG Slider”(이)가 1 개 언어로 번역되었습니다. 기여해
주셔서 [번역자](https://translate.wordpress.org/projects/wp-plugins/flexslider-hg/contributors)
님께 감사드립니다.

[자국어로 “Responsive WordPress Slider – HG Slider”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/flexslider-hg)

### 개발에 관심이 있으십니까?

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/flexslider-hg/)는, [SVN 저장소](https://plugins.svn.wordpress.org/flexslider-hg/)
를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/flexslider-hg/)
을 [RSS](https://plugins.trac.wordpress.org/log/flexslider-hg/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 2.1

 * Added ‘Open Links in New Window’ Setting to Sliders and Individual Slides
 * Updated language text domain from flexslider_hg to flexslider-hg
 * Admin labels select radio buttons and checkboxes

#### 2.0

 * New interface for creating Sliders with the ability to change all the settings.
 * 3 New Slider Themes
 * Easily add a unique classname to your slider to be able to custom the CSS on 
   a per slider basis
 * Ability to assign a slide to multiple sliders!
 * Bug Fixes and improvements, tested and developed on the latest WordPress
 * Localized

#### 1.3.1

 * Removed enqueing of scripts by has_shortcode for now

#### 1.3

 * New default attachments rotator
 * If no slug is specified we grab the attachments
 * Only enqueue scripts and styles when shortcode is present, (WP 3.6+)
 * New limit attribute, set the number of slides to display
 * New filters for developers to hook into

#### 1.2

 * Internet Explorer issues fixed
 * Code cleanup

#### 1.1.4

 * Added posts_per_page = -1 to grab all slides for a rotator

#### 1.1.3

 * Added orderby and order parameters that can be passed

#### 1.1

 * Code cleanup and improvement in Javascript, PHP and CSS
 * Shortcode added [flexslider slug=homepage]
 * Default ‘homepage’ rotator added (can be removed, overwritten, updated)
 * Option to hide the text box on top of slides
 * Ability to change the Heading H2 tag in the slide box, SEO bonus!

#### 1.0

 * Initial load of the plugin.

## 기초

 *  버전 **2.1**
 *  최근 업데이트: **5년 전**
 *  활성화된 설치 **7,000+**
 *  다음까지 시험됨: **5.7.15**
 *  언어
 * [English (US)](https://wordpress.org/plugins/flexslider-hg/) 및 [Russian](https://ru.wordpress.org/plugins/flexslider-hg/).
 *  [자국어로 번역하기](https://translate.wordpress.org/projects/wp-plugins/flexslider-hg)
 * 태그:
 * [attachments](https://ko.wordpress.org/plugins/tags/attachments/)[flexslider](https://ko.wordpress.org/plugins/tags/flexslider/)
   [gallery](https://ko.wordpress.org/plugins/tags/gallery/)[rotator](https://ko.wordpress.org/plugins/tags/rotator/)
   [slider](https://ko.wordpress.org/plugins/tags/slider/)
 *  [고급 보기](https://ko.wordpress.org/plugins/flexslider-hg/advanced/)

## 평점

 별 5점 만점에 3.8점.

 *  [  6/5-별점 후기     ](https://wordpress.org/support/plugin/flexslider-hg/reviews/?filter=5)
 *  [  3/4-별점 후기     ](https://wordpress.org/support/plugin/flexslider-hg/reviews/?filter=4)
 *  [  0/3-별점 후기     ](https://wordpress.org/support/plugin/flexslider-hg/reviews/?filter=3)
 *  [  1/2-별점 후기     ](https://wordpress.org/support/plugin/flexslider-hg/reviews/?filter=2)
 *  [  2/1-별점 후기     ](https://wordpress.org/support/plugin/flexslider-hg/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/flexslider-hg/reviews/#new-post)

[모든  리뷰 보기](https://wordpress.org/support/plugin/flexslider-hg/reviews/)

## 기여자

 *   [ richardgabriel ](https://profiles.wordpress.org/richardgabriel/)
 *   [ Hal Gatewood ](https://profiles.wordpress.org/halgatewood/)
 *   [ ghuger ](https://profiles.wordpress.org/ghuger/)

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/flexslider-hg/)

## 기부

이 플러그인이 발전하도록 도우시겠습니까?

 [ 이 플러그인에 기부하기 ](https://halgatewood.com/donate)