Title: Liyanit Responsive Slider
Author: LIYAN IT SOLUTION
Published: <strong>2026 年 8 月 26 日</strong>
Last modified: 2026 年 8 月 26 日

---

搜尋外掛

![](https://ps.w.org/liyanit-responsive-slider/assets/banner-772x250.png?rev=3666440)

![](https://ps.w.org/liyanit-responsive-slider/assets/icon.svg?rev=3666440)

# Liyanit Responsive Slider

 由 [LIYAN IT SOLUTION](https://profiles.wordpress.org/liyanitsolution/) 開發

[下載](https://downloads.wordpress.org/plugin/liyanit-responsive-slider.1.0.0.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/liyanit-responsive-slider/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/liyanit-responsive-slider/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/liyanit-responsive-slider/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/liyanit-responsive-slider/#developers)

 [技術支援](https://wordpress.org/support/plugin/liyanit-responsive-slider/)

## 外掛說明

Liyanit Responsive Slider is built using WordPress coding standards and accessibility
best practices. It provides administrators with a dedicated slider manager, drag-
and-drop slide ordering, Media Library integration, shortcodes, and Gutenberg block
support.

The plugin uses WordPress-native functionality and does not require jQuery or third-
party frontend JavaScript libraries.

#### Key Features

 * **Object-Oriented Architecture**: Clean autoloading and modular class structure
   using the Liyan_GS\ResponsiveSlider namespace.
 * **WordPress Native**: Uses a Custom Post Type (`liyan_gs_slider`) and post meta
   without creating custom database tables.
 * **Drag-and-Drop Editor**: Re-order slides easily from the WordPress Admin.
 * **Touch & Swipe Support**: Modern vanilla JavaScript slider engine with no jQuery
   dependency on the frontend.
 * **Accessibility Features**: Keyboard navigation, ARIA attributes, visible focus
   states, pause on hover/focus, and prefers-reduced-motion support.
 * **Conditional Assets**: Loads frontend CSS and JavaScript only when a slider 
   is rendered.
 * **Developer Hooks API**: Provides action and filter hooks for custom extensions.
 * **Gutenberg Support**: Insert and configure sliders directly from the WordPress
   Block Editor.
 * **Shortcode Support**: Display sliders anywhere shortcodes are supported.
 * **Template Overrides**: Customize slider markup from your active theme without
   modifying plugin files.

### Shortcode Usage

Display any slider using:
 [liyan_gs_slider id=”123″]

#### Supported Attributes

 * `id` (int, required): Slider Post ID.
 * `autoplay` (bool, optional): Override autoplay (`true` or `false`).
 * `speed` (int, optional): Override transition speed in ms (e.g. `600`).
 * `navigation` (bool, optional): Show or hide arrow navigation (`true` or `false`).
 * `pagination` (bool, optional): Show or hide pagination dots (`true` or `false`).
 * `slides_per_view` (int, optional): Override the number of visible slides.
 * `space_between` (int, optional): Override the spacing between slides in pixels.
 * `class` (string, optional): Extra CSS class name for styling wrapper.

Example:
 [liyan_gs_slider id=”123″ autoplay=”true” speed=”5000″ navigation=”true”
pagination=”true” slides_per_view=”3″ space_between=”20″]

### Developer Hooks API

#### Actions

 * `liyan_gs_slider_init`: Fires on plugin initialization.
 * `liyan_gs_slider_before($slider_id, $settings)`: Fires before slider markup.
 * `liyan_gs_slider_after($slider_id, $settings)`: Fires after slider markup.
 * `liyan_gs_slider_before_slide($slide, $index)`: Fires before each slide item.
 * `liyan_gs_slider_after_slide($slide, $index)`: Fires after each slide item.

#### Filters

 * `liyan_gs_slider_settings($settings, $slider_id)`: Filter slider configuration.
 * `liyan_gs_slider_slides($slides, $slider_id)`: Filter array of Slide objects.
 * `liyan_gs_slider_slide_html($html, $slide, $index)`: Filter rendered HTML of 
   an individual slide.
 * `liyan_gs_slider_image_attributes($attr, $slide)`: Filter image attributes (`
   alt`, `loading`, etc.).
 * `liyan_gs_slider_classes($classes, $slider_id, $settings)`: Filter slider container
   CSS classes.

## 適用於區塊編輯器

這個外掛提供 1 個可供區塊編輯器使用的區塊。

 *   Liyanit Responsive Slider Select and display an OOP Liyanit Responsive Slider.

## 安裝方式

 1. Upload the `liyanit-responsive-slider` directory to `/wp-content/plugins/`.
 2. Activate the plugin through the ‘Plugins’ menu in WordPress.
 3. Navigate to **WordPress Admin  Sliders** to create your first slider.
 4. Copy the shortcode `[liyan_gs_slider id="123"]` or select the Liyanit Responsive
    Slider block in Gutenberg block editor.

## 常見問題集

### How do I display a slider on my site?

You can insert a slider using shortcode `[liyan_gs_slider id="YOUR_SLIDER_ID"]` 
into any page, post, or widget area. Alternatively, if you are using the Block Editor(
Gutenberg), search for the **Liyanit Responsive Slider** block and select your desired
slider.

### Can I override the default slider template in my theme?

Yes! Copy the template file from `wp-content/plugins/liyanit-responsive-slider/public/
views/slider-template.php` to your active theme folder at `wp-content/themes/your-
theme/liyanit-responsive-slider/slider-template.php`. Do not modify the plugin’s
original template file, because your changes may be lost when the plugin is updated.

### Is jQuery required on the frontend?

No. The frontend slider script uses vanilla JavaScript and does not require jQuery
or other external frontend JavaScript libraries.

### Does the plugin create custom database tables?

No. The plugin uses the WordPress Custom Post Type liyan_gs_slider and WordPress
post meta instead of creating custom database tables.

### Does the slider support accessibility features?

Yes. The slider includes keyboard navigation, ARIA attributes, visible focus states,
pause behavior for hover and focus, and support for the user’s prefers-reduced-motion
preference.

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈Liyanit Responsive Slider〉的開發相關工作。

參與者

 *   [ LIYAN IT SOLUTION ](https://profiles.wordpress.org/liyanitsolution/)

[將〈Liyanit Responsive Slider〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/liyanit-responsive-slider)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/liyanit-responsive-slider/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/liyanit-responsive-slider/)，
或透過 [RSS](https://plugins.trac.wordpress.org/log/liyanit-responsive-slider/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/liyanit-responsive-slider/)。

## 變更記錄

#### 1.0.0

 * Initial release with a WordPress-native OOP architecture, admin drag-and-drop
   editor, accessibility features, vanilla JavaScript slider engine, shortcode support,
   template overrides, and Gutenberg block support.

## 中繼資料

 *  版本 **1.0.0**
 *  最後更新 **1 週前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 6.0 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.1**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/liyanit-responsive-slider/)
 * 標籤:
 * [carousel](https://tw.wordpress.org/plugins/tags/carousel/)[gutenberg](https://tw.wordpress.org/plugins/tags/gutenberg/)
   [responsive slider](https://tw.wordpress.org/plugins/tags/responsive-slider/)
   [slider](https://tw.wordpress.org/plugins/tags/slider/)[slideshow](https://tw.wordpress.org/plugins/tags/slideshow/)
 *  [進階檢視](https://tw.wordpress.org/plugins/liyanit-responsive-slider/advanced/)

## 評分

這個項目尚無任何評論記錄。

[撰寫評分](https://wordpress.org/support/plugin/liyanit-responsive-slider/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/liyanit-responsive-slider/reviews/)

## 參與者

 *   [ LIYAN IT SOLUTION ](https://profiles.wordpress.org/liyanitsolution/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/liyanit-responsive-slider/)