外掛說明
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
How It Works
- 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-motionmedia 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