Description
FlexiFlick Slider is a versatile and highly customizable WordPress plugin crafted for creating eye-catching hero banners and dynamic content sliders with minimal setup. Built on the robust Flickity library, FlexiFlick Slider enables you to showcase your content—be it images, featured posts, or products—in a professional, sleek design. Easily configured through an intuitive Gutenberg block, it lets you control everything from autoplay, navigation arrows, and pagination to styles and animation speeds, making it perfect for high-impact hero banners or interactive product showcases.
Features:
-
Hero Banner Ready: Ideal for highlighting important content, featured posts, or product showcases.
-
Advanced Customization Options: Control every aspect of your slider, including navigation, animation speed, autoplay, and pagination, with more features on the way.
-
Seamless Gutenberg Integration: Effortlessly create sliders with a simple block-based interface.
-
Responsive & Mobile-Friendly: Looks great on any device, from desktops to mobiles.
-
Originally developed in partnership with SiteWired.com, FlexiFlick Slider is now available for the WordPress community, built to meet professional standards while staying user-friendly.
Source Code
The source code for Flickity JavaScript and CSS files used in this plugin is available here:
– Flickity JS: https://github.com/metafizzy/flickity
– Flickity CSS: https://github.com/metafizzy/flickity
Future Enhancements
Adding more style options.
Including additional behavior settings.
Integrating with more custom post types and taxonomies.
Screenshots
Slider Display on Front End – This screenshot shows how the slider looks on the front end of a website with some example slides.
Flexi Slides – This screenshot shows the admin section about how to add slides and text there. Slide title and body will appear over slider image on front end.
Slider Settings Panel – This screenshot shows the settings available in the FlexiFlick Slider plugin’s admin interface.
Blocks
This plugin provides 1 block.
- Flexi Flick Slider Example block scaffolded with Create Block tool.
Installation
- Upload the flexiflick-slider folder to the /wp-content/plugins/ directory.
- Activate the plugin through the ‘Plugins’ menu in WordPress.
- Once you activate the plugin, it will create a new post type in backend with name “flexiflick_slide”
- Use this post type and add your desired slide content there, featured image will be used as slide image and text and body will appear as layover text.
- Add the “FlexiFlick Slider” block to your post or page using the Gutenberg editor.
- Customize the slider settings in the block inspector.
Reviews
Contributors & Developers
“Flexi Flick” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Flexi Flick” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
0.1.0
- Release
0.1.1
- Added free scroll functionality for a smoother slide experience.
- Added wrap-around option to allow continuous sliding.
- Added draggable option to enable/disable manual slide dragging.
- Added autoPlay speed control, with an option to disable autoplay.
- Introduced an overlay design option for better visual aesthetics.
- Added new styles for navigation buttons.
0.1.2
- changes to make it compatiable with WordPress latest version 6.7
- added new option to set minimum height for each slide
- issue fixing for mobile part