前言介紹
- 這款 WordPress 外掛「TZM Block Scroll Animations」是 2025-12-10 上架。
- 目前尚無安裝啟用數，是個很新的外掛。如有要安裝使用，建議多測試確保功能沒問題！
- 上一次更新是 2025-12-11，距離現在已有 77 天。
- 外掛最低要求 WordPress 6.4 以上版本才可以安裝。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
motion | scroll | effects | animation | block controls |
內容簡介
總結：TZM區塊滾動動畫外掛可讓您透過乾淨且表現力十足的滾動驅動效果，讓區塊活靈活現。在古騰堡編輯器中只需幾秒鐘，即可直接為屬性如位置、比例、旋轉、不透明度等新增動畫效果。
問題與答案：
1. TZM區塊滾動動畫能幫助您實現什麼效果？
- 透過乾淨且表現力十足的滾動驅動效果，使您的區塊生動起來。
2. 如何在Gutenberg編輯器中為區塊添加動畫？
- 您可以在Gutenberg編輯器中直接操作，在幾秒鐘內為區塊的位置、比例、旋轉、不透明度等屬性添加動畫效果。
3. 這個外掛的特點有哪些？
- 動畫編輯器：無需編碼或腳本知識，只需幾個點擊即可設置引人注目的滾動動畫。
- 基於開始/結束的動畫：使用簡單的開始-結束值工作流程，動畫行為易於預測，可實現移動、旋轉、比例、不透明度、灰度和模糊的動畫。
- 可定制的時間軸範圍：使用區塊選擇或自定義CSS選擇器定義驅動動畫的滾動段，實現最大靈活性。
- 集成響應控件：為桌面、筆記型電腦、平板電腦和手機分別分配不同的動畫設置。
- 引入曲線：使用非線性緩動增加精緻度，調整動畫沿滾動時間軸展開的方式。
原文外掛簡介
TZM Block Scroll Animations helps you bring your blocks to life by adding clean, expressive scroll-driven motion effects. Animate properties such as position, scale, rotation, opacity, and more — all directly within the Gutenberg Editor in just a few seconds.
Features
Animation Editor: A clean and straightforward interface that requires no coding or scripting knowledge. Set up eye-catching scroll-based animations in just a few clicks.
Start/End-Based Animations: Animate movement, rotation, scaling, opacity, grayscale, and blur using a simple, start-to-end value workflow that keeps animation behavior predictable.
Customizable Timeline Range: Define the scroll segment that drives the animation using block selection or custom CSS selectors for maximum flexibility.
Integrated Responsive Controls: Assign different animation settings for desktop, laptop, tablet, and phone independently.
Easing Curves: Add extra refinement by using non-linear easing to adjust how animations unfold along the scroll timeline.
Source Code
The source code for TZM Block Scroll Animations is available on GitHub!
Follow the development, report issues, and get involved in improving the plugin. We welcome contributions, feedback, and feature requests from the community.
View on GitHub
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「TZM Block Scroll Animations」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
Scroll Back To Top 》Scroll Back to Top 是一個 WordPress 外掛，它會在使用者向下滾動頁面時出現一個按鈕，允許使用者回到頁面頂部。外掛已經預先設定好，啟用後即可使用。該外...。
Dynamic "To Top" Plugin 》這個 WordPress 外掛可新增一個自動的動態「回到頂部」按鈕，方便使用者輕易捲回長頁面的頂部。, 外掛有一個直覺式控制面板，可以針對每個網站的需求進行風格...。
Catch Infinite Scroll 》Catch Infinite Scroll 是一款 WordPress 外掛，讓您的網站擁有無限滾動的效果，提高使用者在網站上的參與度。這個外掛的靈感來自於 Jetpack 的 Infinite Scr...。
T4B News Ticker – Responsive News Scroller, Slider, and Animations 》T4B News Ticker 是一個靈活且易於使用的 WordPress 新聞輪播外掛。此外掛可協助您在網站上建立水平的新聞輪播。它提供 4 種不同的動畫效果，包括淡出、滑動...。
Smooth Scroll Up 》Smooth Scroll Up 是一個輕巧的 WordPress 外掛，可以在您的網站上建立一個可定制的回到頂部功能。, 功能, , 選擇不同的回到頂部元素類型（圖像、圖標、文本...。
Reading progressbar 》使用進度條作為閱讀位置指示器，將其顯示在頂部、底部或自定義位置的不同樣板或文章類型中。, 非常輕量級，它使用 <progress> HTML5 元素和幾行javascr...。
Media Library Enable Infinite Scrolling 》在 WordPress 5.8 發布後，媒體庫預設將取消無限捲動。有關更改集的 Trac 票證 50105，以及決定背後的歷史背景的票證 40330。, 這個外掛程式，化解瞭媒體庫中...。
Toolbar Publish Button 》在 WordPress 管理頁面中，常常需要來回滾動頁面以找到藍色的「儲存最新變更」按鈕，這樣非常的不方便。, 這款外掛的簡單 jQuery 腳本會複製文章、頁面、自訂...。
Infinite-Scroll 》無限捲動（Infinite scroll）也被稱為自動分頁、取消分頁、無限頁面等等。基本上，它是預先從下一個頁面取得內容，並直接將它添加到用戶當前的頁面。, 當用戶...。
Worth The Read 》一個非常低調且輕量級的閱讀進度條插件，可向使用者顯示他們在當前文章或頁面中滾動到哪個部分。您可以控制進度條的位置和顏色，並可以選擇是否包括主要內容...。
Scrollsequence – Cinematic Scroll Image Animation Plugin 》Scrollsequence 可讓您創建令人驚嘆的圖像序列動畫，可使用滾輪或觸摸控制。只需幾個點擊，將靜態設計轉換為視覺體驗。, , , 讓您的網站活起來，讓訪問者透過...。
Image horizontal reel scroll slideshow 》這個圖片水平捲動輪播外掛程式讓你以水平捲動方式展示圖片，當開啟時滾動將會自動開始。, 可參考官方網站以查看實際演示 http://www.gopiplus.com/work/2011/...。
Animate on Scroll 》使用熱門的 AOS JS 庫，透過新增 class names 完成任何元素的滾動動畫效果。, 此外掛可協助您簡單接合 AOS JS 庫，以新增任何滾動動畫效果至 WordPress 網站...。
Smooth scrolling with Lenis 》總結：這個WordPress外掛將Lenis library (由darkroom.engineering製作) 加入到你的頁面中。只需啟用插件，即可將這個庫添加到你的頁面。, , 問題與答案：, 1...。
Simple Back To Top 》現在的許多網站都使用無限滾動功能，使用這個外掛程式，使用者只需點擊底部圖示，就能順暢地返回頂部，並且可以在管理員設定中輕鬆更換“返回頂部”圖示。, 包...。