[WordPress] 外掛分享： Custom Animations for Bricks

內容簡介

總結：Custom Animations for Bricks 是一個輕量的外掛，可讓您輕鬆將自定義的CSS動畫添加到您的 Bricks Builder 網站中。透過簡單的管理界面，您可以定義動畫鍵、標籤和完整的 CSS 代碼（包括 @keyframes 和 .brx-animate- 類）。這些動畫會出現在 Bricks 互動面板的“開始動畫”下拉選單中，與視口進入或滑鼠懸停等觸發器無縫集成。

問題與答案:
1. 如何在Bricks Builder網站中添加自定義CSS動畫？
- 通過 Custom Animations for Bricks 外掛，在簡單的管理界面中定義動畫鍵、標籤和完整的 CSS 代碼來添加自定義CSS動畫。

2. 如何快速管理添加的動畫？
- 外掛具有用戶友好的表單，可用於添加/編輯/刪除動畫，並提供Bricks相容性的驗證，以及在動畫表格中的即時搜索和排序功能，以便快速管理。

3. 如何在管理員模式下測試動畫？
- 外掛提供預覽模式，包含暗/亮模式切換功能，可在管理員模式下測試動畫（在模式切換時重新播放動畫）。

4. 如何確保性能和安全性？
- 外掛只在前端排隊處理CSS（跳過 Bricks 編輯器以提高性能），並安全地將動畫存儲在WordPress選項中，不需要任何數據庫表。

5. 這個外掛的使用要求是什麼？
- 這個外掛需要 啟用 Bricks 主題，並已與 Bricks Builder 版本 2.0.2 進行測試。

外掛標籤

開發者團隊

原文外掛簡介

Custom Animations for Bricks is a lightweight plugin that lets you easily add custom CSS animations to your Bricks Builder sites. Through a simple admin interface, you can define animation keys, labels, and full CSS code (including @keyframes and .brx-animate- classes). These animations then appear in the Bricks Interactions panel’s “Start animation” dropdown, allowing seamless integration with triggers like viewport entry or mouse hover.
Key Features:
* User-friendly form to add/edit/delete animations with validation for Bricks compatibility.
* Live search and sort in the animations table for quick management.
* Preview modal with dark/light mode toggle to test animations right in the admin (replays on mode switch).
* Enqueues CSS only on frontend (skips Bricks editor for performance).
* Stores animations securely in WordPress options—no database tables needed.
This plugin requires the Bricks theme to be active and has been tested with Bricks Builder version 2.3.5.