[WordPress] 外掛分享: Scroll Animations for Blocks

首頁外掛目錄 › Scroll Animations for Blocks
10+
安裝啟用
尚無評分
337 天前
最後更新
問題解決
WordPress 6.0+ PHP 7.4+ v1.0.0 上架:2025-04-14

內容簡介

總結: Scroll Animations for Gutenberg 外掛讓您可以向 WordPress 編輯器中的任何區塊添加流暢的滾動動畫。每個區塊都可以配置自己的動畫設置,包括閾值、持續時間和延遲。

問題與答案:
1. Scroll Animations for Gutenberg 外掛的主要功能是什麼?
- Ans: 允許您向 WordPress 編輯器中的任何區塊添加流暢的滾動動畫。

2. 每個區塊可以配置哪些個性化的動畫設置?
- Ans: 每個區塊可以配置的個性化動畫設置包括啟用/停用動畫、閾值(動畫觸發時機)、持續時間(動畫持續時間)和延遲(動畫啟動時機)。

3. 使用 Scroll Animations for Gutenberg 外掛時需要注意什麼開發環境要求?
- Ans: 使用 Scroll Animations for Gutenberg 外掛需要 WordPress 5.0 或更高版本,以及支持 Intersection Observer API 的現代網頁瀏覽器。

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0.0) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Scroll Animations for Blocks」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

Scroll Animations for Gutenberg allows you to add smooth scroll animations to any block in the WordPress editor. Each block can be configured with its own animation settings, including threshold, duration, and delay.
Features

Add scroll animations to any Gutenberg block
Customizable animation settings per block:

Enable/disable animation
Threshold (when the animation triggers)
Duration (how long the animation lasts)
Delay (when the animation starts)

Lightweight and performance optimized
Uses Intersection Observer API for smooth performance

Usage

Edit any post or page with the WordPress editor
Select any block
In the block settings sidebar, look for the “Scroll Animation” panel
Enable the animation and adjust the settings as needed:

Threshold: When the block should start animating (0-1)
Duration: How long the animation should last (0-5000ms)
Delay: When the animation should start (0-5000ms)

Development
This plugin uses @wordpress/scripts for development. To get started:

Clone the repository
Run npm install
Run npm run start for development
Run npm run build for production build

Requirements

WordPress 5.0 or higher
Modern web browser with Intersection Observer API support

License
GPL v3 or later
Author
Simply Dev

延伸相關外掛

文章
Filter
Apply Filters
Mastodon