內容簡介
這個外掛專為下一代 WordPress 網站而設計，讓你能在古騰堡編輯器中（包括網站編輯器和 Widget 編輯器）隨處添加輕量級的 Lottie 動畫。此外，我們的外掛包含全面的互動設置，讓您設置自定義的 Lottie 動畫行為，高質量的編碼和優化功能為您提供未來可用的功能，使您的訪客留下深刻印象。
功能
自動播放狀態下的連鎖模式。您可以控制動畫的速度和延遲時間。
循環狀態下的連鎖模式。您可以控制動畫的次數、速度和延遲時間。
點擊狀態下的連鎖模式。按上述控制方式，按一下播放動畫。
懸停狀態下的連鎖模式。當滑鼠移至動畫上方時播放動畫，上述控制方式可用。
無狀態下的連鎖模式。不播放動畫。
滾動狀態下的搜尋模式。根據滾動的情況來回播放動畫。允許基本控件，以及開始可見性和結束可見性選項進行完整自定義控制。循環開關在達到“可見性結束”百分比後播放動畫。
滾動狀態下的循環模式，在達到從“開始可見性”設置的百分比後，循環顯示動畫。
滾動狀態下的播放模式。在達到從“開始可見性”設置的百分比後只播放動畫一次。
連結：您可以將內部或外部鏈接添加到動畫中。
使用方法
安裝並啟用外掛
在 WordPress 區塊編輯器或網站編輯器中，查找“Lottie 動畫”區塊，並添加它。
添加您喜歡的動畫的 URL 或上傳 JSON 文件。
檢查右側側邊欄中的動畫設置，您可以控制各種選項，例如互動模式和狀態，動畫速度，延遲時間，添加連結等等。
將區塊放入組或列中，以控制其尺寸，位置，背景顏色等。
限制
對於某些 FSE 主題，在模板或模板部分中設置動畫時，動畫可能無法在網站編輯器（不要與 Gutenberg 區塊編輯器混淆）中呈現，但它在前端正常運作。這是因為網站編輯器仍處於 Beta 階段，事件監聽器未正確應用。預計 WordPress 更新將解決這個問題。
外掛標籤
開發者團隊
② 後台搜尋「XPAC Lottie Interactive Animations」→ 直接安裝（推薦）
原文外掛簡介
Designed for the next generation WordPress websites, the plugin allows you to add light-weight Lottie animations anywhere in the Gutenberg editor, including the Site Editor and Widget editor. Also, our plugin covers comprehensive interactivity settings to set a custom behavior for your Lottie Animation, while the high-quality coding and optimisations provide future-proof functionality for you to enjoy and to impress your visitors.
Features
Chain mode on autoplay state. You can control the speed and delay of the animation.
Chain mode on loop state. You can control the count, speed and delay of the animation.
Chain mode with click state. Plays animation on click with above mentioned control available.
Chain mode with hover state. Plays animation when hovering mouse on it, above mentioned contols availible.
Chain mode with none state. Does not play the animation.
Scroll mode on seek state. Plays the animation back and forth depending on the scroll. Allows basic controls plus visibility start and visibility end options for complete customization. The loop toggle plays animation after the ‘visibility end’ percentage is reached.
Scroll mode on loop state plays an animation on loop after the percentage set from ‘visibility start’ is reached.
Scroll mode on play state. Plays the animation once after the percentage set from ‘visibility start’ is reached.
Link: you can add internal or external links to animations.
HOW TO USE
Install and activate the plugin
Inside the WordPress BLock Editor or Site Editor, find the “Lottie Animation” block and add it.
Add a URL or upload the JSON file of your preferred animation.
Check the animation settings on the right sidebar, where you can control the options, such as interactivity mode & state, animation speed, delay, add a link and much more.
Put the block inside a group or column to have controll over its dimensions, positioning, backgroung color, etc.
Limitations
With some FSE themes, the animation may not be rendered within the Site Editor (not to be confused with the Gutenberg block editor) when set inside a template or template part, but it works properly on the front end regardless. This is due to the fact that the Site Editor is still in Beta state and event listeners are not properly applied. Following WordPress updates are expected to fix this.
