Liyanit Responsive Slider provides a simple shortcode that allows you to display any slider on your WordPress website. You can use the shortcode inside pages, posts, widgets, templates, and other areas where WordPress shortcodes are supported.
Basic Shortcode
To display a slider, use the following shortcode:
[liyan_gs_slider id="123"]Replace 123 with the Slider Post ID of the slider you want to display.
Example
[liyan_gs_slider id="123"]Once added to your page or post, the plugin will automatically load and display the selected slider.
Shortcode Attributes
You can customize the slider directly from the shortcode by using the available attributes.
| Attribute | Type | Required | Description |
|---|---|---|---|
id |
Integer | Yes | The ID of the slider you want to display. |
autoplay |
Boolean | No | Enables or disables automatic slide rotation. |
speed |
Integer | No | Controls the slide transition speed in milliseconds. |
navigation |
Boolean | No | Shows or hides the previous/next navigation arrows. |
pagination |
Boolean | No | Shows or hides pagination dots. |
slides_per_view |
Integer | No | Defines how many slides should be visible at the same time. |
space_between |
Integer | No | Sets the spacing between slides in pixels. |
class |
String | No | Adds a custom CSS class to the slider wrapper. |
Autoplay
Use the autoplay attribute to control automatic slide rotation.
Enable Autoplay
[liyan_gs_slider id="123" autoplay="true"]Disable Autoplay
[liyan_gs_slider id="123" autoplay="false"]Transition Speed
The speed attribute allows you to control the transition timing.
For example:
[liyan_gs_slider id="123" speed="500"]The value is specified in milliseconds.
A value of 500 means the transition will use a 500ms duration.
Navigation Arrows
You can show or hide the slider’s navigation arrows using the navigation attribute.
Show Navigation
[liyan_gs_slider id="123" navigation="true"]Hide Navigation
[liyan_gs_slider id="123" navigation="false"]Pagination Dots
Use the pagination attribute to control the visibility of pagination dots.
[liyan_gs_slider id="123" pagination="true"]To hide the dots:
[liyan_gs_slider id="123" pagination="false"]Display Multiple Slides
The slides_per_view attribute allows you to display multiple slides at the same time.
For example:
[liyan_gs_slider id="123" slides_per_view="3"]This configuration displays three slides simultaneously when supported by the current slider layout.