Title: Flexi Flick
Author: Rashmi Singh
Published: <strong>2024 年 9 月 7 日</strong>
Last modified: 2025 年 3 月 24 日

---

搜索插件

![](https://ps.w.org/flexi-flick/assets/banner-772x250.png?rev=3148052)

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://s.w.org/plugins/geopattern-icon/flexi-flick_ebc17f.svg)

# Flexi Flick

 作者：[Rashmi Singh](https://profiles.wordpress.org/rashmiwp/)

[下载](https://downloads.wordpress.org/plugin/flexi-flick.0.1.4.zip)

 * [详情](https://cn.wordpress.org/plugins/flexi-flick/#description)
 * [评价](https://cn.wordpress.org/plugins/flexi-flick/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/flexi-flick/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/flexi-flick/#developers)

 [支持](https://wordpress.org/support/plugin/flexi-flick/)

## 描述

**FlexiFlick Slider** is a sleek, lightweight, and highly customizable WordPress
plugin for building stunning hero banners and dynamic content sliders with ease.
Powered by the robust Flickity library, FlexiFlick helps you showcase images, featured
posts, or products in a professional, responsive layout — all with minimal setup.

💡 Built for both beginners and advanced users, it integrates seamlessly with the
Gutenberg editor, giving you a block-based UI to configure autoplay, navigation 
arrows, animation speed, styles, and more — all without writing a single line of
code.

**✨ What’s New in the Latest Version**

We’ve rebuilt and optimized the plugin from the ground up to fix critical issues
and improve usability:

 * ✅ **CSS Fixes for Desktop & Mobile**
    Layout and styling issues have been fully
   resolved across screen sizes.
 * 📱 **Touch Slide for Mobile**
    Native touch-slide gestures are now supported,
   making mobile browsing buttery smooth.
 * 🚫 **No More Global Loading**
    Slider CSS and JS now load only where the block
   is used, improving performance and avoiding conflicts.
 * 🆕 **Advanced Slide Grouping**
    Easily create multiple sliders for different 
   pages and assign specific slides to each — giving you full control over content
   display.

Originally developed in partnership with [SiteWired.com](https://www.sitewired.com),
FlexiFlick is built to professional standards while remaining beginner-friendly.

🎉 **Download FlexiFlick Slider today and take your website’s visual experience 
to the next level!**

**Features:**

 * 🎯 **New! Slide Group Selection:**
    Easily create multiple sliders and assign
   specific slides to each slider. Perfect for showcasing tailored content on different
   pages.
 * **Hero Banner Ready:**
    Highlight important content, featured posts, or product
   showcases with visually stunning hero banners.
 * **Advanced Customization Options:**
    Control every aspect of your slider, including
   navigation, animation speed, autoplay, and pagination, with even more features
   in development.
 * **Seamless Gutenberg Integration:**
    Effortlessly create sliders with a block-
   based interface that’s both intuitive and powerful.
 * **Responsive & Mobile-Friendly:**
    Your sliders will look amazing on desktops,
   tablets, and mobile devices.

### 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

## 屏幕截图

 * [[
 * **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.

## 区块

该插件提供了 1 个区块.

 *   Flexi Flick Slider Example block scaffolded with Create Block tool.

## 安装

 1. Upload the flexiflick-slider folder to the /wp-content/plugins/ directory.
 2. Activate the plugin through the ‘Plugins’ menu in WordPress.
 3. Once activated, the plugin will create a new post type called **“FlexiFlick Slide”**
    in the backend.
 4. Use this post type to add your desired slide content:
     -The **featured image** 
    will be used as the slide image. -The **title** and **body** content will appear
    as overlay text.
 5. Assign slides to specific **slider groups** using the **“Slider Groups” taxonomy**.
    This allows you to group slides and use different sets of slides for different 
    sliders.
 6. Add the **“FlexiFlick Slider”** block to your post or page using the Gutenberg 
    editor.
 7. In the block settings, choose the **slider group** you want to display.
 8. Customize the slider settings in the block inspector, including autoplay, navigation
    arrows, animation speed, and more.

## 评价

![](https://secure.gravatar.com/avatar/dab1611fd30eab8588badb707af5c9ae1944693c6b988da0741ff68b66a76a57?
s=60&d=retro&r=g)

### 󠀁[Versatile Slider Plugin with Flickity Integration](https://wordpress.org/support/topic/versatile-slider-plugin-with-flickity-integration/)󠁿

 [Rashmi Singh](https://profiles.wordpress.org/rashmiwp/) 2024 年 9 月 9 日

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条评价 ](https://wordpress.org/support/plugin/flexi-flick/reviews/)

## 贡献者及开发者

「Flexi Flick」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Rashmi Singh ](https://profiles.wordpress.org/rashmiwp/)

[帮助将「Flexi Flick」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/flexi-flick)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/flexi-flick/)，查看[SVN仓库](https://plugins.svn.wordpress.org/flexi-flick/)，
或通过[RSS](https://plugins.trac.wordpress.org/log/flexi-flick/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/flexi-flick/)。

## 更新日志

#### 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

#### 0.1.3

 * Added the ability to assign specific slides to individual sliders.
 * Updated Gutenberg block with options to select slider groups.
 * Improved performance and compatibility with the latest WordPress version.
 * Minor UI/UX improvements for block settings.

#### 0.1.4

 * CSS Fixes for Desktop & Mobile
 * No More Global Loading of JS and CSS

## 额外信息

 *  版本 **0.1.4**
 *  最后更新：**1 年前**
 *  活跃安装数量 **20+**
 *  WordPress 版本 ** 6.1 或更高版本 **
 *  已测试的最高版本为 **6.7.5**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/flexi-flick/)
 * 标签
 * [carousel](https://cn.wordpress.org/plugins/tags/carousel/)[flickity](https://cn.wordpress.org/plugins/tags/flickity/)
   [metafizzy](https://cn.wordpress.org/plugins/tags/metafizzy/)[slider](https://cn.wordpress.org/plugins/tags/slider/)
   [slideshow](https://cn.wordpress.org/plugins/tags/slideshow/)
 *  [高级视图](https://cn.wordpress.org/plugins/flexi-flick/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  1 条 5 星评价     ](https://wordpress.org/support/plugin/flexi-flick/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/flexi-flick/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/flexi-flick/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/flexi-flick/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/flexi-flick/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/flexi-flick/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/flexi-flick/reviews/)

## 贡献者

 *   [ Rashmi Singh ](https://profiles.wordpress.org/rashmiwp/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/flexi-flick/)