這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

Animentor – Lottie & Bodymovin for Elementor

外掛說明

An unofficial WordPress plugin to add a Lottie widget to the Elementor Page Builder.

Features

  • Intuitive UI, everything is configurable directly within Elementor, through the widget’s controls
  • Manage and re-use animation data JSON files through the WordPress Media Library
  • Works with the latest version of Elementor (does not require Elementor Pro)
  • Includes several animation options, allowing you to customize:
    • The speed of the animation
    • Whether to autoplay on page load
    • Whether to loop or play once
    • Whether to play reversed
    • Whether to play on mouse over
    • Whether to stop, pause, or reverse on mouse out
  • Includes several styling options, allowing you to customize:
    • The dimensions (width and max width) with responsive controls
    • Opacity, CSS filters, borders, and box shadow!

Setup tutorial

螢幕擷圖

  • Widget settings
  • Animation options
  • Style tab

安裝方式

Automatic installation

Automatic installation is the easiest option — WordPress will handle the file transfer, and you won’t need to leave your web browser.

  1. Log in to your WordPress dashboard
  2. Navigate to the “Plugins” menu
  3. Search for “Animentor – Lottie & Bodymovin widget for Elementor”
  4. Click “Install Now” and WordPress will take it from there
  5. Activate the plugin through the “Plugins” menu in WordPress

Manual installation

  1. Upload the entire animentor-lottie-bodymovin-elementor folder to the wp-content/plugins/ directory
  2. Activate the plugin through the “Plugins” menu in WordPress

After activation

You will find the “Lottie” widget under the “General” widgets category of Elementor Page Builder.

常見問題集

What is Lottie?

Lottie is a mobile library for Web, and iOS that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile!

Where can I report any bugs and/or request additional features?

If you have spotted any bugs, or would like to request additional features from the plugin, please file an issue.

使用者評論

2021 年 1 月 4 日
Incredible little plugin. Works flawlessly
2020 年 8 月 20 日
Very glad that I found the plugin. Works great for the most part. What about compatibility with WordPress 5.5? Will there be an update or do I have to watch out for another solution?
2020 年 5 月 12 日 1 則留言
Loving the plugin! Any way you could also add a "play on click" option?
2020 年 4 月 5 日
AMAZING! So easy to add a ton of awesome life to your site w Lottie animations + Animentor in just minutes and for FREE! #winWIN
2020 年 4 月 3 日 1 則留言
... but there seems to be a bug when using "Play on mouse over" -> Server Error (403 error) while saving with Elementor.
閱讀全部 8 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Animentor – Lottie & Bodymovin for Elementor〉的開發相關工作。

參與者

〈Animentor – Lottie & Bodymovin for Elementor〉外掛目前已有 3 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈Animentor – Lottie & Bodymovin for Elementor〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.1.1: April 17, 2020

  • Minor bug fix.
  • Add a setup tutorial video to readme.txt.
  • Add “Delay” control description specifying its units (ms).

1.1.0: March 30, 2020

  • Add a “No action” option to the “On mouse out” actions.

1.0.1: February 19, 2020

  • Remove external dependencies.

1.0: February 19, 2020

  • Initial version.