Title: Lordicon Author: lordicon Published: 2025 年 10 月 13 日 Last modified: 2025 年 10 月 13 日 --- 搜尋外掛 ![](https://ps.w.org/lordicon/assets/banner-772x250.png?rev=3377378) ![](https://ps.w.org/lordicon/assets/icon-256x256.gif?rev=3377684) # Lordicon 由 [lordicon](https://profiles.wordpress.org/lordicon/) 開發 [下載](https://downloads.wordpress.org/plugin/lordicon.1.0.zip) * [詳細資料](https://tw.wordpress.org/plugins/lordicon/#description) * [使用者評論](https://tw.wordpress.org/plugins/lordicon/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/lordicon/#installation) * [開發資訊](https://tw.wordpress.org/plugins/lordicon/#developers) [技術支援](https://wordpress.org/support/plugin/lordicon/) ## 外掛說明 Lordicon offers a unique library of modern, animated icons designed to bring life and interactivity to your WordPress site. With this plugin, you can seamlessly browse, customize, and insert Lordicon icons directly into the Gutenberg editor. Built to be fast, lightweight, and easy to use, the Lordicon plugin helps you enrich your content with motion graphics that stay performance-friendly. Whether you need subtle interactions or eye-catching animations, Lordicon provides the flexibility to match your brand and design style. ### Features * Extensive free icon set (with attribution) * Full icon library available in PRO version (no attribution) * Insert icons directly into Gutenberg blocks * Customize color, stroke, animation type, and trigger * Optimized rendering with image fallbacks and lazy-loading for performance ### Why Choose Lordicon? **Fully Customizable** Modify icons directly within WordPress: choose colors, animation triggers (hover, click, loop), and more. **Peak Performance** Icons are rendered using image fallbacks on initial load and transition to animated formats only when users interact with them—keeping your pages fast and smooth. **License-Friendly** Stay compliant with free personal or commercial use through clearly defined licensing plans. ### License The plugin code is licensed under GPLv2 or later. However, the Lordicon icons themselves are licensed separately under the [Lordicon License Terms and Conditions](https://lordicon.com/licenses). ### Development Source code is available on GitHub: https://github.com/lordicondev/plugin-wordpress This plugin includes a frontend build step for its Gutenberg block UI. * Source files: `/ui` directory (JavaScript/TypeScript, styles, etc.) * Build tool: [Vite](https://vitejs.dev/) * Build output: `/dist` directory (included in the distributed plugin) * PHP files: top-level plugin files – no build process required ### Build instructions Clone the repository and run: ``` cd ui npm install npm run build ``` This will generate the production-ready frontend assets in `/dist`. ## 螢幕擷圖 * [[ * Insert the Lordicon block directly in the Gutenberg editor to begin. * [[ * Select from three icon families: Wired, Doodle, or System — each crafted to suit different design needs. * [[ * Quickly find the icon you need with an intuitive search experience. * [[ * Tweak colors, stroke width, animation type, and more — all from within the Gutenberg editor. * [[ * Add HTML anchors, extra CSS classes, display options, and animation controls for deeper customization. * [[ * Preview your results in real time. ## 適用於區塊編輯器 這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。 * Lordicon Animated Icon Block. ## 安裝方式 #### Automatic Installation 1. Navigate to **Plugins > Add New** in your WordPress dashboard. 2. Search for **Lordicon**. 3. Click **Install Now**, then **Activate** the plugin. 4. Go to any Gutenberg page or post and insert a **Lordicon** block to get started. #### Manual Installation 1. Download the plugin from the WordPress plugin repository. 2. Upload the contents to the `/wp-content/plugins/lordicon/` directory. 3. Activate the plugin via the **Plugins** menu. 4. Insert Lordicon blocks into your Gutenberg content as needed. ## 常見問題集 ### Is Lordicon free to use? Yes, the plugin and a curated set of icons are free for personal, non-commercial use with required attribution. To unlock the full icon library, remove attribution, and gain commercial rights, you’ll need to subscribe to a PRO plan. ### Do I need a Lordicon account to use this plugin? No, you can use the free icons without creating a Lordicon account. A Lordicon account is only required to access the PRO icon library. You can log in via Settings Lordicon in your WordPress admin dashboard. Note: Subscription management (upgrading to PRO, payment, or account settings) is handled on the Lordicon website. ### Do I need a PRO plan? You only need the PRO plan if: * You’re using icons for commercial purposes * You need attribution-free use * You want access to the entire icon library * You require advanced customization and multiple downloads [Explore our pricing](https://lordicon.com/pricing) ## 使用者評論 ![](https://secure.gravatar.com/avatar/e6e41947aa0016039d0d6f81a12475849fd8fb8b2c2a0aa434bc187c2f75fe28? s=60&d=retro&r=g) ### 󠀁[Works very good. The Animations are excellent and add value to my sites.](https://wordpress.org/support/topic/works-very-good-the-animations-are-excellent-and-add-value-to-my-sites/)󠁿 [torsten3d](https://profiles.wordpress.org/torsten3d/) 2025 年 11 月 11 日 I use lordicon Icons since years and the plugin works fine and lets you add the icons with ease. [ 閱讀全部 1 則使用者評論 ](https://wordpress.org/support/plugin/lordicon/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈Lordicon〉的開發相關工作。 參與者 * [ lordicon ](https://profiles.wordpress.org/lordicon/) 〈Lordicon〉外掛目前已有 2 個本地化語言版本。 感謝[全部譯者](https://translate.wordpress.org/projects/wp-plugins/lordicon/contributors) 為這個外掛做出的貢獻。 [將〈Lordicon〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/lordicon) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/lordicon/)、查看 [SVN 存放庫](https://plugins.svn.wordpress.org/lordicon/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/lordicon/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/lordicon/)。 ## 變更記錄 #### 1.0 * Initial release. ## 中繼資料 * 版本 **1.0** * 最後更新 **8 個月前** * 啟用安裝數 **600+** * WordPress 版本需求 ** 6.7 或更新版本 ** * 已測試相容的 WordPress 版本 **6.8.5** * PHP 版本需求 ** 7.2 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/lordicon/)、[Italian](https://it.wordpress.org/plugins/lordicon/)、 及 [Russian](https://ru.wordpress.org/plugins/lordicon/). * [將這個外掛本地化為你的母語版本](https://translate.wordpress.org/projects/wp-plugins/lordicon) * 標籤: * [animated icons](https://tw.wordpress.org/plugins/tags/animated-icons/)[animation](https://tw.wordpress.org/plugins/tags/animation/) [icons](https://tw.wordpress.org/plugins/tags/icons/)[lordicon](https://tw.wordpress.org/plugins/tags/lordicon/) [lottie](https://tw.wordpress.org/plugins/tags/lottie/) * [進階檢視](https://tw.wordpress.org/plugins/lordicon/advanced/) ## 評分 5 星，滿分為 5 星 * [ 1 個 5 星使用者評論 ](https://wordpress.org/support/plugin/lordicon/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/lordicon/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/lordicon/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/lordicon/reviews/?filter=2) * [ 0 個 1 星使用者評論 ](https://wordpress.org/support/plugin/lordicon/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/lordicon/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/lordicon/reviews/) ## 參與者 * [ lordicon ](https://profiles.wordpress.org/lordicon/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/lordicon/)