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

Lordicon Animated Icons

描述

IMPORTANT: If you update the plugin from 1.X version to 2.X version, it will automatically break all previously embedded icons added with older versions of the Lordicon WordPress plugin. You will need to add them one more time.

Insert and customize interactive animated graphics (Lottie – .json) using a simple to use Lordicon plugin supported by the Gutenberg editor.

It is essential to note that it doesn’t mean that the Gutenberg post is the only place to use the plugin. We provide a shortcode option that lets you embed those icons directly to web builders such as Divi, Elementor, or custom themes.

Easily Upload
Upload hundreds of icons as JSON (Lottie) format from the Lordicon library or any other Lottie animation. Don’t want to host icons in the Media Library? Use icon URL from the „Embed HTML”.

Adjust icon
Change the size, colors or stroke size of each icon.

Triggers
Set animation on “hover”, “loop”, “loop with delay” or “click” and more.

Shortcode
Happy with adjustments? Save the post or copy the easy-to-read shortcode and paste it to web builders such as Divi, Elementor, or custom themes.

Usage

You are able to not only add icons by Lordicon but also your own animation exported as a .json (Bodymovin AfterEffects plugin, Lottie Files). Color & Stroke controls works only with Lottie animations from Lordicon library. Learn more on how to create animated graphics that are supported by Lordicon controls.

A quick guide on how to add more icons:
1. Install and activate a plugin.
2. Create new post with Gutenberg Editor
3. Click the “Plus” button and search for the “Lordicon Element” block.
4. Add Lordicon animated icons directly from Media Library or copy&paste icons’ URL from “Embed HTML” code that can be found in Lordicon Library
5. Adjust colors, stroke or icon size. Note: Colors and stroke size controls work only with Lordicon animated icons.
6. Set an animation trigger.
7. Use icon either in post created with Gutenberg or copy the easy-to-read shortcode and paste it to web builders such as Divi, Elementor, or custom themes.

Video Walkthrough

This plugin includes 1 animated icon “198-upload” which is licensed MIT or later

Download hundreds of free and thousands of paid icons from the library at https://lordicon.com/icons

Important

This plugin is a Lordicon branded generic uploader. It does not install remote images or files. All files are stored inside the plugin zip file.

Blocks

This plugin provides 1 block.

  • Lordicon Animated Icons

評價

2020年12月3日
The icons look good, fairly easy to use. But the majority of my icons have a "lordicon" watermark on them. and the author, the developer doesn't seem to be eager to fix this. I've emailed him several times, i haven't gotten a helpful response, Instead I get spam mail every day from hi@lordicon. This is frustrating. I need to finish my site, and I'm waiting to no avail.
2020年4月8日
Hi, installed plugin but trying shortcode but says invalid icon. This is not working: [lord-icon icon="16-avatar-woman-nodding" animation="auto"][/lord-icon] I also purchased the 500 collection, assuming this plugin gets working can I use it with those as well? Thanks
2019年11月17日
Really great job! Congratulations. P.S. Little feauture reqest: Elementor compatibilty if possible. Thanks in advance
閱讀全部8個評價

貢獻者及開發者

“Lordicon Animated Icons” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

Lordicon Animated Icons 外掛目前已有 3 個本地化語言版本。 感謝所有譯者為這個外掛做出的貢獻。

將 Lordicon Animated Icons 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

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