Flexi Flick
Flexi Flick

Flexi Flick

Rashmi Singh
Download

FlexiFlick Slider is a highly customizable WordPress plugin designed to create stunning, interactive sliders with ease, powered by the renowned Flickity library. With its intuitive Gutenberg block, you can effortlessly control features like navigation arrows and pagination ( more to come ), giving you full flexibility to showcase your content in a dynamic, engaging way. Whether you’re highlighting featured posts, images, or products, FlexiFlick Slider adds a sleek, professional touch to any WordPress site.

A big credit for this plugin goes to SiteWired.com, as it was initially developed for one of their projects. Later, We decided to enhance it further and contribute it to the WordPress community so others could benefit from its flexibility and features.

Features:

Display posts from the custom post type flexiflick_slide.
Option to show or hide navigation arrows.
Option to show or hide pagination dots.

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.

Versatile Slider Plugin with Flickity Integration

By Rashmi Singh (rashmiwp) on September 9, 2024

The FlexiFlick Slider plugin offers a powerful and customizable solution for adding sliders to your WordPress site. It utilizes the Flickity library, a popular and open-source JavaScript and CSS library, to provide smooth and flexible slider functionality. Key features include autoPlay, draggable slides, and customizable navigation options. Developed with a focus on ease of use and integration, this plugin aims to enhance your site's visual engagement. Your feedback is valuable as I continue to refine and improve this plugin.

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.
  1. Upload the flexiflick-slider folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Once you activate the plugin, it will create a new post type in backend with name “flexiflick_slide”
  4. 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.
  5. Add the “FlexiFlick Slider” block to your post or page using the Gutenberg editor.
  6. Customize the slider settings in the block inspector.

Reviews

5 out of 5 stars

  • Version: 0.1.1
  • Last updated: 3 weeks ago
  • Active installations: 10
  • WordPress version: 6.1
  • Tested up to: 6.6.2
  • PHP version: 7.0