
內容簡介
總結: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」→ 直接安裝(推薦)
原文外掛簡介
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.0.2.
