MarqueeFlow
| 开发者 | tupacan |
|---|---|
| 更新时间 | 2026年3月10日 06:11 |
| PHP版本: | 8.0 及以上 |
| WordPress版本: | 6.9 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
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-motionand includes ARIA labels - Lightweight: CSS-only animations, no external dependencies
- Add the MarqueeFlow block in the editor
- Select your images
- Adjust speed, height, and style in the sidebar
- Publish
安装:
- Upload the
marqueeflowfolder to/wp-content/plugins/ - Activate the plugin through the Plugins menu
- 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.
更新日志:
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