Title: RA Widgets Animate Author: FrodoBean Published: 2017 年 6 月 22 日 Last modified: 2026 年 2 月 26 日 --- 搜尋外掛 ![](https://s.w.org/plugins/geopattern-icon/ra-widgets-animate.svg) # RA Widgets Animate 由 [FrodoBean](https://profiles.wordpress.org/frodobean/) 開發 [下載](https://downloads.wordpress.org/plugin/ra-widgets-animate.2.0.zip) * [詳細資料](https://tw.wordpress.org/plugins/ra-widgets-animate/#description) * [使用者評論](https://tw.wordpress.org/plugins/ra-widgets-animate/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/ra-widgets-animate/#installation) * [開發資訊](https://tw.wordpress.org/plugins/ra-widgets-animate/#developers) [技術支援](https://wordpress.org/support/plugin/ra-widgets-animate/) ## 外掛說明 RA Widgets Animate is a WordPress plugin that adds additional widget fields into existing widget forms using [Ultimate Scroll Animation Library](https://usal.dev) script to render animation. If you’re using SiteOrigin Panels, the plugin also adds‘ Animation’ tab to Widget Styles. Support for Gutenberg Block Editor is added in V2. ### Features * Animate almost all of your widgets * Animate On Scroll support * Supports SiteOrigin Panels Widget Styles * Ability to choose animation type * Ability to change easing time * Ability to change animation offset * Ability to change animation duration * Ability to change animation delay * Ability to set animation once * Ability to disable animation on certain devices and viewports * Set global settings via plugin settings * Enable/disable plugin scripts and styles via plugin settings ## 螢幕擷圖 [⌊Animation options within the classic Widgets screen.⌉⌊Animation options within the classic Widgets screen.⌉[ Animation options within the classic Widgets screen. [⌊Animation settings tab in SiteOrigin Panels.⌉⌊Animation settings tab in SiteOrigin Panels.⌉[ Animation settings tab in SiteOrigin Panels. [⌊Animation settings tab when opened in the Customizer.⌉⌊Animation settings tab when opened in the Customizer.⌉[ Animation settings tab when opened in the Customizer. [⌊RA Widgets Animate settings page.⌉⌊RA Widgets Animate settings page.⌉[ RA Widgets Animate settings page. [⌊Animation tab inside the block editor.⌉⌊Animation tab inside the block editor.⌉[ Animation tab inside the block editor. ## 安裝方式 1. Upload the plugin files to the `/wp-content/plugins/ra-widgets-animate` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through ‘Plugins’ screen in WordPress. ## 常見問題集 ### Do I need to install SiteOrigin Panels to be able to use the animation? No, the fields will attached itself to existing widgets on ‘Widgets’ screen in WordPress. If you have SiteOrigin Panels installed, the ‘Animation’ tab will be added to SiteOrigin Panels ‘Widget Styles’. ### How can I set Ultimate Scroll Animation Library settings globally without having to edit each widgets? You can set the global settings through `Settings > RA Widgets Animate > Global Settings`. ### I have Ultimate Scroll Animation Library already, how can I disable the AOS script on your plugin to prevent conflict? You can disable Ultimate Scroll Animation Library scripts and styles through `Settings > RA Widgets Animate > Script Settings`. ## 使用者評論 ![](https://secure.gravatar.com/avatar/b01cd1be133e263a0694a6733bfd697892b1ead2393c91e447412f7a0b3b6cec? s=60&d=retro&r=g) ### 󠀁[Nice fit with SiteOrigin builder](https://wordpress.org/support/topic/nice-fit-with-siteorigin-builder/)󠁿 [Sapan Shah](https://profiles.wordpress.org/isapan/) 2021 年 4 月 18 日 I wanted to implement AOS library with SiteOrigin builder and this plugin did it smoothly. ![](https://secure.gravatar.com/avatar/00ed536592bcd916fa611b2d7a2c7f3f28c4658d6d837b7aa105b6bb99f64f2b? s=60&d=retro&r=g) ### 󠀁[Perfect in combination with Astrid Theme](https://wordpress.org/support/topic/perfect-in-combination-with-astrid-theme/)󠁿 [wagedu](https://profiles.wordpress.org/wagedu/) 2019 年 9 月 9 日 Clean, lots of options without overwhelming the user. Turns the already great Astrid into a perfect base for everything. And great support! ![](https://secure.gravatar.com/avatar/922a49b906a0d64e17145a74557b66167954e0cc187f2643cee0ff07e6ecdac5? s=60&d=retro&r=g) ### 󠀁[I’m really happy with these plugins but there is an error](https://wordpress.org/support/topic/im-really-happy-with-these-plugins-but-there-is-an-error/)󠁿 [Antenaina RABENANDEASANA](https://profiles.wordpress.org/antenainarabenandrasana/) 2018 年 11 月 28 日 1 則留言 Just for info it’s very cool but there is an error in this version 1.1.9 now, when we install it to look for css front-end: aos.css or in the directory named aos.min. css For the administrator, he looked for rawa-admin.min.js or in the plugins directory, his name is rawa-admin.js. I rename directly in the directory of plugins and after that works. 🙂 ![](https://secure.gravatar.com/avatar/518804f3493927cee31d41f6cd81ac8c6b1533f57b1cf6f70c61d606f786a1ca? s=60&d=retro&r=g) ### 󠀁[A Beautiful Plugin](https://wordpress.org/support/topic/a-beautiful-plugin-4/)󠁿 [nablafire](https://profiles.wordpress.org/nablafire/) 2017 年 7 月 30 日 This beautiful little plugin is exactly what I was looking to accomplish on my website and I am really happy that I found it. The code is compact and elegant, and the functionality is perfect. Thank you for taking the time to make the animate on scroll library easily available for wordpress. [ 閱讀全部 4 則使用者評論 ](https://wordpress.org/support/plugin/ra-widgets-animate/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈RA Widgets Animate〉的開發相關工作。 參與者 * [ FrodoBean ](https://profiles.wordpress.org/frodobean/) [將〈RA Widgets Animate〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/ra-widgets-animate) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/ra-widgets-animate/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/ra-widgets-animate/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/ra-widgets-animate/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/ra-widgets-animate/)。 ## 變更記錄 #### 2.0 * Migrated from Animate On Scroll to Ultimate Scroll Animation Library. * Added Gutenberg block editor support. * Implemented WordPress coding standards. #### 1.1.9.1 * Fixed undefined constant * Added missing js, css files #### 1.1.9 * Updated Animate on Scroll to version 2.3.4. * Fixed Animate on Scroll disable on devices implementation. * Updated translation. #### 1.1.8 * Updated Animate on Scroll to version 2.3.0. * Updated translation. * Updated author URI. #### 1.1.7 * Added custom animation filter to allow additional animation values. #### 1.1.6 * Added custom viewport selection in plugin settings. * Modified plugin tags. #### 1.1.5 * Changed style and script filenames and paths. * Fixed `.rawa-fields` from closing on `widgets update`. * Added admin script and style to `Customizer` screen. * Fixed `disable` object name returning array instead of string. * Admin style changes. #### 1.1.4 * Changed donate link, added settings page screenshot. #### 1.1.3 * Added missing js files, removed unneeded files. #### 1.1.2 * Renamed app.js to rawa.js, trying to fixed missing js files on SVN commit #### 1.1.1 * Fixing missing js files #### 1.1 * Added settings page, added app.js script, modify css build path, grammar fixes, code cleanup, updated translation. #### 1.0.7 * Prevent `.rawa-fields` from closing on widgets save, added back deleted files, migrate to Yarn from Bower. #### 1.0.6 * Regex fix, removed unneeded files. #### 1.0.5 * Added additional fields, fixed bug with widgets with no css selectors, updated npm packages #### 1.0.4 * Code cleanup, moved siteorigin related js, css/markup changes, translation related changes #### 1.0.3 * Code cleanup, moved animation, placement, easing into their own function #### 1.0.2 * Removed unneeded line of codes #### 1.0.1 * Fixed float issue with two-column widgets #### 1.0 * First release ## 中繼資料 * 版本 **2.0** * 最後更新 **4 個月前** * 啟用安裝數 **200+** * WordPress 版本需求 ** 4.7 或更新版本 ** * 已測試相容的 WordPress 版本 **6.9.4** * PHP 版本需求 ** 7.2 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/ra-widgets-animate/) * 標籤: * [animate on scroll](https://tw.wordpress.org/plugins/tags/animate-on-scroll/) [animation](https://tw.wordpress.org/plugins/tags/animation/)[Siteorigin page builder](https://tw.wordpress.org/plugins/tags/siteorigin-page-builder/) * [進階檢視](https://tw.wordpress.org/plugins/ra-widgets-animate/advanced/) ## 評分 4.8 星，滿分為 5 星 * [ 3 個 5 星使用者評論 ](https://wordpress.org/support/plugin/ra-widgets-animate/reviews/?filter=5) * [ 1 個 4 星使用者評論 ](https://wordpress.org/support/plugin/ra-widgets-animate/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/ra-widgets-animate/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/ra-widgets-animate/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/ra-widgets-animate/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/ra-widgets-animate/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/ra-widgets-animate/reviews/) ## 參與者 * [ FrodoBean ](https://profiles.wordpress.org/frodobean/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/ra-widgets-animate/) ## 贊助 想要支援這個外掛的發展嗎？ [ 贊助這個外掛 ](https://paypal.me/webdevsuperfast)