內容簡介
Simple Block Animations 外掛為 WordPress Gutenberg 區塊添加滾動觸發的動畫效果,無需編碼即可使用,提升網站的互動性與視覺吸引力。
【主要功能】
• 提供 5 種動畫類型(淡入、滑動上下/左右)
• 可自訂動畫持續時間與延遲
• 支援所有區塊(核心、第三方及自訂區塊)
• 輕量化設計(CSS + Intersection Observer)
• 無需 jQuery 或重型函式庫
• 友善無障礙設計(尊重減少動作偏好設定)
外掛標籤
開發者團隊
原文外掛簡介
Simple block animations adds scroll-triggered animations to WordPress Gutenberg blocks without any coding required.
Features:
5 animation types (fade, slide up/down/left/right)
Customizable duration and delay
Works with all blocks (core, third-party, and custom blocks)
Lightweight (CSS + Intersection Observer)
No jQuery or heavy libraries
Accessibility-friendly (respects prefers-reduced-motion)
Supported Blocks:
Works with all WordPress blocks, including core blocks, third-party blocks, and custom blocks.
Development:
The source code for this plugin is available on GitHub: https://github.com/valentin-grenier/simple-animations-for-gutenberg
The plugin uses npm and webpack to compile JavaScript and CSS files. Source files are located in the src/ directory, and compiled files are in the build/ directory.
To build from source:
1. Install dependencies: npm install
2. Build for production: npm run build
3. Build for development: npm run dev
