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

LottieFiles – 區塊編輯器/Gutenberg 的 Lottie 區塊

外掛說明

LottieFiles for WordPress gives you access to over 50k free and ready to use Lottie animations that you can easily embed on your website. Adding animations is quick and simple: simply drag and drop the animation of your choice anywhere in your page and post and make your site stand out, no coding or design skills needed. Bring your content to life and explain your product and service in a more exciting way to your users!

Features

  • Transform your website into animated web experiences using the Gutenberg Editor
  • Search and access over 50,000 free and ready to use Lottie animations
  • Access to your Private files from LottieFiles
  • Drag & drop a Lottie JSON file
  • Insert a Lottie animation from URL
  • Save and re-use animation data JSON files through the WordPress Media Library
  • Customize your Lottie, everything is configurable directly within the the Gutenberg Editor, through the block’s controls
  • Includes customization options, allowing you to customize:
    • Background color of the animation
    • The speed of the animation
    • Play on page load, click, scroll or mouse over
    • Loop the animation or play once
    • Play the animation in reverse
    • The dimensions (width and max width) with responsive controls
  • Share your LottieFiles account with other users

2.1.0

Minor Changes

  • Fixes for Gutenberg plugin compatibility and sidebar UI enhancements

2.0.0

Major Changes

  • Major workflow update

1.1.0

Minor Changes

  • Fixed Block Movement/ Drag & Drop issue
  • fixed Import from media library

1.0.5

Patch Changes

  • UI fixes, copy fixes

1.0.4

Patch Changes

  • Hit counter fix
  • Interactivity scroll fix
  • CSS Namespace population fix
  • Only load CSS where relevant

1.0.3

Patch Changes

  • Upload JSON fixes

1.0.2

Patch Changes

  • Update common php function names to be unique to avoid namespace clashes

1.0.1

Patch Changes

  • Documentation updates for readme and dev readme
  • Updates for WordPress SVN listing

1.0.0

Major Changes

  • First stable release

螢幕擷圖

  • Lottie block
  • Block settings
  • LottieFiles plugin

適用於區塊編輯器

這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

  • LottieFiles - Lottie block for Gutenberg

安裝方式

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 “LottieFiles”
  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 lottiefiles folder to the wp-content/plugins/ directory
  2. Activate the plugin through the “Plugins” menu in WordPress

After activation

  1. Go to the WordPress Block/Gutenberg Editor
  2. Search For **Lottie **
  3. Click on the Lottie to add the block

常見問題集

What is Lottie?

Lottie is a JSON-based animation file format that enables designers to ship animations on any platform as easily as shipping static assets. They are small files that work on any device and can scale up or down without pixelation.

Can I use this Plugin with Elementor?

The plugin currently does not support Elementor

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.

使用者評論

2023 年 3 月 16 日 1 則留言
Hello, The plugin seems to be working fine but throwing an error in the console: frontend-helper.js?ver=52a84b0e5fbe4953e4b3:1 Uncaught TypeError: Cannot read properties of undefined (reading 'value') Can you please check this? Thanks!
2022 年 11 月 30 日
This plugin adds its tab instead of adding it to settings. It also requests all JS and CSS files from 3rd party sources. Doesn't work after downloading on local development and turning the network off. Using the Spectra Lottie block instead.
2022 年 6 月 1 日
Finally, easy support for Lottie files in Gutenberg! This will be a game changer for a lot of people. Thank you! 🙏
2022 年 5 月 24 日 2 則留言
Wordpress Version 5.9.3 LottieFiles Version 1.0.3 A few issues after installing the plugin: 1) The backend display has changed slightly - bolds are bolder and some images have a think border around them 2) Front end animations no longer work when controls are hidden 3) My site now loads the lottie plugin css on every page front and backend - it is 250KB, which makes it twice the size of any other file on any page. This is too large to be useable for me. Ill update my rating after improvements
閱讀全部 5 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈LottieFiles – 區塊編輯器/Gutenberg 的 Lottie 區塊〉的開發相關工作。

參與者

〈LottieFiles – 區塊編輯器/Gutenberg 的 Lottie 區塊〉外掛目前已有 4 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈LottieFiles – 區塊編輯器/Gutenberg 的 Lottie 區塊〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

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