Title: Liyanit Responsive Slider Author: LIYAN IT SOLUTION Published: August 26, 2026 Last modified: August 26, 2026 --- Search plugins ![](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 By [LIYAN IT SOLUTION](https://profiles.wordpress.org/liyanitsolution/) [Download](https://downloads.wordpress.org/plugin/liyanit-responsive-slider.1.0.0.zip) * [Details](https://wordpress.org/plugins/liyanit-responsive-slider/#description) * [Reviews](https://wordpress.org/plugins/liyanit-responsive-slider/#reviews) * [Installation](https://wordpress.org/plugins/liyanit-responsive-slider/#installation) * [Development](https://wordpress.org/plugins/liyanit-responsive-slider/#developers) [Support](https://wordpress.org/support/plugin/liyanit-responsive-slider/) ## Description 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. ## Blocks This plugin provides 1 block. * Liyanit Responsive Slider Select and display an OOP Liyanit Responsive Slider. ## Installation 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. ## FAQ ### 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. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Liyanit Responsive Slider” is open source software. The following people have contributed to this plugin. Contributors * [ LIYAN IT SOLUTION ](https://profiles.wordpress.org/liyanitsolution/) [Translate “Liyanit Responsive Slider” into your language.](https://translate.wordpress.org/projects/wp-plugins/liyanit-responsive-slider) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/liyanit-responsive-slider/), check out the [SVN repository](https://plugins.svn.wordpress.org/liyanit-responsive-slider/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/liyanit-responsive-slider/) by [RSS](https://plugins.trac.wordpress.org/log/liyanit-responsive-slider/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 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 * Version **1.0.0** * Last updated **1 day ago** * Active installations **Fewer than 10** * WordPress version ** 6.0 or higher ** * Tested up to **7.1** * PHP version ** 7.4 or higher ** * Tags * [carousel](https://wordpress.org/plugins/tags/carousel/)[gutenberg](https://wordpress.org/plugins/tags/gutenberg/) [responsive slider](https://wordpress.org/plugins/tags/responsive-slider/)[slider](https://wordpress.org/plugins/tags/slider/) [slideshow](https://wordpress.org/plugins/tags/slideshow/) * [Advanced View](https://wordpress.org/plugins/liyanit-responsive-slider/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/liyanit-responsive-slider/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/liyanit-responsive-slider/reviews/) ## Contributors * [ LIYAN IT SOLUTION ](https://profiles.wordpress.org/liyanitsolution/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/liyanit-responsive-slider/)