Title: MarqueeFlow
Author: tupacan
Published: <strong>2026 年 3 月 9 日</strong>
Last modified: 2026 年 3 月 9 日

---

搜索插件

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

![](https://ps.w.org/marqueeflow/assets/icon-256x256.png?rev=3478573)

# MarqueeFlow

 作者：[tupacan](https://profiles.wordpress.org/tupacan/)

[下载](https://downloads.wordpress.org/plugin/marqueeflow.1.0.0.zip)

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

 [支持](https://wordpress.org/support/plugin/marqueeflow/)

## 描述

MarqueeFlow adds a smooth, CSS-only marquee slider to your WordPress site via the
block editor. No JavaScript animations, no jQuery, no external dependencies — just
fast, GPU-accelerated scrolling.

#### Features

 * Continuous marquee animation with seamless looping
 * Three speed presets: Slow, Normal, Fast
 * Three image height presets: Small, Medium, Large
 * Two gap presets: Normal and Spacious
 * Max image width control to prevent wide logos from dominating
 * Direction control: Left to Right or Right to Left
 * Pause on hover
 * Drag-and-drop image reordering in the editor
 * Supports JPG, PNG, WebP, GIF, and AVIF
 * SVG support via third-party plugins (e.g. Safe SVG)
 * Accessible: respects `prefers-reduced-motion` and includes ARIA labels
 * Lightweight: CSS-only animations, no external dependencies

#### How It Works

 1. Add the MarqueeFlow block in the editor
 2. Select your images
 3. Adjust speed, height, and style in the sidebar
 4. Publish

## 屏幕截图

 * [[
 * Frontend marquee scrolling colorful images, embedded naturally in a page layout
 * [[
 * Block editor view showing the live preview, image management, and full settings
   sidebar

## 安装

 1. Upload the `marqueeflow` folder to `/wp-content/plugins/`
 2. Activate the plugin through the Plugins menu
 3. Add the “MarqueeFlow” block in the block editor

## 常见问题

### Does this work with the classic editor?

Not yet. MarqueeFlow currently requires the WordPress block editor (Gutenberg). 
Shortcode support is planned for a future release.

### Can I use SVG images?

WordPress does not allow SVG uploads by default. If you install an SVG plugin like
Safe SVG, MarqueeFlow will display SVGs just like any other image format.

### Will it slow down my site?

No. MarqueeFlow uses CSS-only animations with GPU-accelerated transforms. There 
is no JavaScript running on the frontend.

### What happens when a visitor has motion sensitivity?

MarqueeFlow respects the `prefers-reduced-motion` media query. When enabled, the
animation stops and images become horizontally scrollable instead.

## 评价

此插件暂无评价。

## 贡献者及开发者

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

贡献者

 *   [ tupacan ](https://profiles.wordpress.org/tupacan/)

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

### 对开发感兴趣吗?

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

## 更新日志

#### 1.0.0

 * Initial release
 * Marquee animation with three speed presets
 * Image height presets (Small, Medium, Large)
 * Gap presets (Normal, Spacious)
 * Max image width control
 * Direction control (left-to-right, right-to-left)
 * Pause on hover
 * Drag-and-drop image reordering
 * Accessible: ARIA labels, keyboard navigation, reduced motion support

## 额外信息

 *  版本 **1.0.0**
 *  最后更新：**3 月前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 6.3 或更高版本 **
 *  已测试的最高版本为 **6.9.4**
 *  PHP 版本 ** 8.0 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/marqueeflow/)
 * 标签
 * [carousel](https://cn.wordpress.org/plugins/tags/carousel/)[image](https://cn.wordpress.org/plugins/tags/image/)
   [marquee](https://cn.wordpress.org/plugins/tags/marquee/)[scrolling](https://cn.wordpress.org/plugins/tags/scrolling/)
   [slider](https://cn.wordpress.org/plugins/tags/slider/)
 *  [高级视图](https://cn.wordpress.org/plugins/marqueeflow/advanced/)

## 评级

尚未提交反馈。

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

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

## 贡献者

 *   [ tupacan ](https://profiles.wordpress.org/tupacan/)

## 支持

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

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