説明
LottieFiles for WordPress では、50,000以上の無料かつすぐに使える Lottie アニメーションにアクセスしサイトに簡単に埋め込むことができます。アニメーションを追加するのは簡単で、ページや投稿の任意の場所にドラッグ & ドロップするだけで、コーディングやデザインのスキルは必要ありません。コンテンツに命を吹き込み、ユーザーに製品やサービスをより刺激的に説明しましょう !
特徴
- Gutenberg エディターを使用して、サイトをアニメーションのような Web 体験に変身させます
- 50,000以上の Lottie アニメーションを検索し、すぐに利用できます
- LottieFiles から プライベートファイル にアクセス
- Lottie JSON ファイルのドラッグ & ドロップ
- URL から Lottie アニメーションを挿入
- アニメーションデータの JSON ファイルを WordPress メディアライブラリ で保存し再利用できます
- Lottie のカスタマイズ は Gutenberg エディター ブロックから直接設定可能
- カスタマイズ設定でのカスタマイズが可能:
- アニメーションの背景色
- アニメーションの 再生速度
- ページロード、クリック、スクロール、マウスオーバー時に 再生
- アニメーションを ループ または1回だけ再生
- アニメーションの逆再生
- レスポンシブコントロールによる寸法 (横幅と最大幅)
- LottieFiles アカウントを他のユーザーと共有
2.7.0
軽微な変更
- fix for LottieFiles WP plugin’s CSS affects other input elements in the WP Block Editor
2.6.0
軽微な変更
- fix for plugin affecting UI of other wordpress pages
2.5.0
軽微な変更
- dotLottie support refactor
- interactivity bugs fixed
- CDN enable for new users error solved
2.4.0
軽微な変更
- New feature to give an option for the user to use the CDN or use local player
- Fix for animation play on hover, click and scroll
- Search feature gate removed on workspaces
2.3.0
軽微な変更
- Fixes for lottie player size on safari browser
2.2.0
軽微な変更
- Fixes for pagination, search and interactivity
2.1.0
軽微な変更
- Fixes for Gutenberg plugin compatibility and sidebar UI enhancements
2.0.0
軽微な変更
- メジャーワークフローのアップデート
1.1.0
軽微な変更
- ブロックの移動とドラッグ & ドロップの問題を修正
- メディアライブラリからのインポートを修正
1.0.5
パッチの変更
- UI とコピーの修正
1.0.4
パッチの変更
- ヒットカウンターの修正
- インタラクティビティスクロールの修正
- CSS 名前空間作成の修正
- CSS を必要な部分のみ読み込むようにしました
1.0.3
パッチの変更
- JSON アップロードの修正
1.0.2
パッチの変更
- 名前空間の衝突を避けるために一般的な PHP 関数名を一意にするようにした
1.0.1
パッチの変更
- readme と dev readme のドキュメントを更新
- WordPress の SVN リストに関するアップデート
1.0.0
軽微な変更
- 最初の安定版
スクリーンショット
Lottie ブロック 
ブロック設定 
LottieFiles プラグイン
ブロック
このプラグインは1個のブロックを提供します。
- LottieFiles - Lottie block for Gutenberg
インストール
自動インストール
自動インストールは最も簡単なオプションです。WordPress がファイルの転送を処理しますので、ブラウザから離れる必要はありません。
- WordPress のダッシュボードにログイン
- 「プラグイン」メニューに移動
- “LottieFiles” を検索
- 「今すぐインストール」をクリックするとインストールを開始
- WordPress の「プラグイン」メニューからプラグインを有効化
手動インストール
lottiefilesフォルダ全体をwp-content/plugins/ディレクトリにアップロード- WordPress の「プラグイン」メニューからプラグインを有効化
プラグインを有効化した後
- WordPress ブロック/ Gutenberg エディターへ移動
- **Lottie** を検索
- Lottie をクリックしてブロックを追加
FAQ
評価
2023年7月20日
Lottie is neat!
Plugin works as advertised! Didn't face the issues other reported.
2023年6月19日
The plugin is good, but I would rather download Lottie animations from Creattie because the quality is way higher there. However, the plugin is great itself.
2023年3月16日
1 reply
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日
Great finally some lottie for gutenberg
