Title: Liyanit Responsive Slider
Author: LIYAN IT SOLUTION
Published: <strong>26 d'agost de 2026</strong>
Last modified: 26 d'agost de 2026

---

Cerca extensions

![](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

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

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

 * [Detalls](https://ca.wordpress.org/plugins/liyanit-responsive-slider/#description)
 * [Ressenyes](https://ca.wordpress.org/plugins/liyanit-responsive-slider/#reviews)
 *  [Instal·lació](https://ca.wordpress.org/plugins/liyanit-responsive-slider/#installation)
 * [Desenvolupament](https://ca.wordpress.org/plugins/liyanit-responsive-slider/#developers)

 [Suport](https://wordpress.org/support/plugin/liyanit-responsive-slider/)

## Descripció

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.

## Blocs

Aquesta extensió proporciona 1 bloc.

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

## Instal·lació

 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.

## PMF

### 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.

## Ressenyes

No hi ha ressenyes per a aquesta extensió.

## Col·laboradors i desenvolupadors

«Liyanit Responsive Slider» és programari de codi obert. La següent gent ha col·laborat
en aquesta extensió.

Col·laboradors

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

[Traduïu «Liyanit Responsive Slider» a la vostra llengua.](https://translate.wordpress.org/projects/wp-plugins/liyanit-responsive-slider)

### Interessats en el desenvolupament?

[Navegueu pel codi](https://plugins.trac.wordpress.org/browser/liyanit-responsive-slider/),
baixeu-vos el [repositori SVN](https://plugins.svn.wordpress.org/liyanit-responsive-slider/),
o subscriviu-vos al [registre de desenvolupament](https://plugins.trac.wordpress.org/log/liyanit-responsive-slider/)
per [fisl de subscripció RSS](https://plugins.trac.wordpress.org/log/liyanit-responsive-slider/?limit=100&mode=stop_on_copy&format=rss).

## Registre de canvis

#### 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.

## Meta

 *  Versió **1.0.0**
 *  Darrera actualització **fa 3 dies**
 *  Instal·lacions actives **Menys de 10**
 *  Versió del WordPress ** 6.0 o posterior **
 *  Provada fins a **7.1**
 *  Versió del PHP ** 7.4 o posterior **
 *  Idioma
 * [English (US)](https://wordpress.org/plugins/liyanit-responsive-slider/)
 * Etiquetes
 * [carousel](https://ca.wordpress.org/plugins/tags/carousel/)[gutenberg](https://ca.wordpress.org/plugins/tags/gutenberg/)
   [responsive slider](https://ca.wordpress.org/plugins/tags/responsive-slider/)
   [slider](https://ca.wordpress.org/plugins/tags/slider/)[slideshow](https://ca.wordpress.org/plugins/tags/slideshow/)
 *  [Vista avançada](https://ca.wordpress.org/plugins/liyanit-responsive-slider/advanced/)

## Valoracions

Encara no s'ha enviat cap ressenya.

[La vostra ressenya](https://wordpress.org/support/plugin/liyanit-responsive-slider/reviews/#new-post)

[Visualitza totes les ressenyes](https://wordpress.org/support/plugin/liyanit-responsive-slider/reviews/)

## Col·laboradors

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

## Suport

Teniu quelcom a dir? Necessiteu ajuda?

 [Visualitza els fòrums de suport](https://wordpress.org/support/plugin/liyanit-responsive-slider/)