內容簡介
總結：
Spectre Icons 將現代 SVG 圖標庫（如 Lucide 和 Font Awesome）直接整合到 WordPress 建置者中，提供統一、專注於性能的圖標系統，取代了數十個分散的圖標外掛程式。
問題與答案：
1. Spectre Icons 主要提供了哪些主要功能？
- 基於清單驅動的圖標加載以達到最佳性能
- 內聯 SVG 渲染與主題顏色繼承
- 官方支援社交媒體圖標品牌
- 透過頁面構建器的顏色選擇器進行自定義顏色控制
- 在建置者編輯器中注入實時預覽
- 管理員控制面板切換圖標庫
- 未來建置者整合的模塊化架構
2. 目前哪些 WordPress 建置者與 Spectre Icons 有完整的支持？
- Elementor 3.x+
3. 包括哪些圖標庫在 Spectre Icons 中？
- Lucide Icons：現代、乾淨的輪廓圖標（ISC 許可證）
- Font Awesome Free：流行的圖標庫，包含實心、常規和品牌風格（CC BY 4.0 圖標/MIT 代碼）
4. 誰最適合使用 Spectre Icons？
- 需要現代圖標庫的 Elementor 設計師
- 構建自定義 WordPress 主題的開發人員
- 管理多個客戶網站的代理商
- 對安裝多個圖標外掛程式感到厭倦的任何人
5. 如何運作 Spectre Icons？
- 將 SVG 圖標包存儲在優化的 JSON 清單中
- 外掛將清單註冊為 Elementor 库
- JavaScript 在編輯器和前端中注入內聯 SVG
- CSS 負責處理顏色繼承和官方品牌。
這些問題與答案已使用 HTML 項目符號列表呈現。
外掛標籤
開發者團隊
原文外掛簡介
Spectre Icons brings modern SVG icon libraries like Lucide and Font Awesome directly into WordPress builders—delivering a unified, performance-first icon system that replaces dozens of fragmented icon plugins.
Key Features
Manifest-driven icon loading for optimal performance
Inline SVG rendering with theme color inheritance
Official branding support for social media icons
Custom color control via page builder color pickers
Live preview injection in builder editors
Admin control panel to toggle icon libraries
Modular architecture for future builder integrations
Current Integration
Elementor 3.x+ (full support)
Future releases will support Gutenberg, Beaver Builder, and other popular page builders.
Included Icon Libraries
Lucide Icons – Modern, clean outline icons (ISC License)
Font Awesome Free – Popular icon library with solid, regular, and brand styles (CC BY 4.0 icons / MIT code)
Perfect For
Elementor designers who need modern icon libraries
Developers building custom WordPress themes
Agencies managing multiple client sites
Anyone tired of installing multiple icon plugins
How It Works
SVG icon packs are stored in optimized JSON manifests
Plugin registers manifests as Elementor libraries
JavaScript injects inline SVGs in editor and frontend
CSS handles color inheritance and official branding
Use Cases
Add custom icons to any Elementor widget (Icon, Icon Box, Icon List, Social Icons)
Create branded social media icon sets with official colors
Build custom icon layouts with full color control
Maintain consistent icon styles across your entire site
Icon Attributions
This plugin bundles icons from Font Awesome Free and Lucide.
Font Awesome Free
Font Awesome Free is licensed under CC BY 4.0 (icons) and MIT (code).
https://fontawesome.com/license/free
Lucide Icons
Lucide is licensed under the ISC License (MIT-compatible).
https://lucide.dev
Additional Info
Part of the Spectre Suite
Spectre Tokens – Design token foundation
Spectre UI – Core styling layer
Spectre Icons – Icon library for WordPress (this plugin)
Spectre Blocks – WordPress block library
Spectre Astro – Astro integration
Spectre 11ty – Eleventy integration
Contributing
Contributions are welcome! Visit our GitHub repository for detailed contribution guidelines:
https://github.com/phcdevworks/spectre-icons
Support
For issues, questions, or feature requests:
* GitHub Issues: https://github.com/phcdevworks/spectre-icons/issues
* Documentation: https://github.com/phcdevworks/spectre-icons
Credits
Developed by PHCDevworks (https://phcdevworks.com)
Icon libraries:
* Lucide by Lucide Contributors
* Font Awesome by Fonticons, Inc.
