Easy Glide Slider is a free WordPress plugin that utilizes Glide.js to create beautiful and interactive sliders in Gutenberg blocks.
- Utilizes Glide.js for smooth and responsive sliders.
- Integrates seamlessly with the Gutenberg block editor.
- Edit and customize slides directly within the site editor.
- Supports various slider types, including Carousel and Slider.
- Offers extensive options for slider configuration.
- Fully responsive design for optimal display on all devices.
- Download the plugin ZIP file from the releases section of the GitHub repository.
- Log in to your WordPress admin panel.
- Navigate to Plugins > Add New.
- Click the Upload Plugin button and choose the downloaded ZIP file.
- Click Install Now and then Activate the plugin.
- Create or edit a page/post with the Gutenberg block editor.
- Add a new block and search for "Easy Glide Slider."
- Configure the slider settings, including type, number of slides per view, autoplay, keyboard control, and more.
- Customize each slide with images, text, and other content using the provided blocks.
- Preview your slider to ensure it looks as you desire.
- Publish or update the page/post to display your Easy Glide Slider.
The Easy Glide Slider plugin provides a wide range of customization options to tailor the slider to your specific needs. Below are the available options, which can be accessed in the Gutenberg editor's sidebar under the "Easy Glide Slider" block settings:
- Type of Movement: Choose between Carousel and Slider movement types.
- Start At: Set the slide to start from a specific position (zero-based index).
- Per View: Define the number of slides visible on a single viewport.
- Focus At: Focus the currently active slide at a specific position in the track.
- Gap: Adjust the size of the gap added between slides.
- Autoplay: Set a delay between transitions in milliseconds (0 to disable autoplay).
- Hover Pause: Pause the slider on mouseover.
- Keyboard Control: Enable or disable changing slides with left and right keyboard arrows.
- Bound: Prevent the slider from running past the end.
- Swipe Threshold: Customize the swipe distance threshold.
- Drag Threshold: Set the minimal distance required to trigger swipes or drags.
- Per Touch: Move or swipe a specific number of slides per touch.
- Touch Ratio: Adjust the speed ratio of mousemove to touchmove on touch-enabled devices.
- Touch Angle: Define the tolerance (in degrees) for the touch angle.
- Animation Duration: Set the duration of the transition in milliseconds.
- Rewind: Enable looping of the slider type.
- Rewind Duration: Set the duration of the rewind animation in milliseconds.
- Animation Timing Function: Choose an easing function for the animation.
- Direction: Set the direction of the slider (left-to-right or right-to-left).
- Peek Before/After: Define the number of pixels visible on the left/right side of the active slide.
- Throttle: Set the time in milliseconds between two consecutive mousewheel or touchmove events.
You can add blocks to your slider in the Gutenberg editor by clicking the "+" icon and searching for the block you want to add.
You can customize the appearance of your slider by adjusting the various options provided in the Gutenberg editor's sidebar.
Published sliders will display as expected on the front-end of your site.
If you encounter any issues or have questions, please feel free to open an issue on GitHub.
Contributions to the Easy Glide Slider plugin are welcome. If you'd like to contribute, please fork the GitHub repository and open a pull request.
Easy Glide Slider is licensed under the GNU General Public License v3.0. Feel free to use, modify, and distribute this plugin following the license terms.
If you find this plugin useful and would like to support its development, you can buy me a coffee here.
You can find the code for the Easy Glide Slider plugin in the GitHub repository.
- Easy Glide Slider is built using the Glide.js library (https://glidejs.com/).
Thank you for using Easy Glide Slider! We hope you enjoy creating beautiful sliders for your WordPress website. If you have any feedback or suggestions, please let us know!