內容簡介
總結:
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 registers curated and uploaded SVG icon libraries inside Elementor’s icon picker and renders them as inline SVGs on the frontend.
Enable or disable individual libraries from Settings → Spectre Icons
Upload custom SVG icons from Settings → My Icons
Manifest-driven rendering for bundled and uploaded SVG libraries
Inline SVG injection in editor preview and frontend
Disabled libraries are hidden from the picker; existing icons keep rendering
Theme-friendly color inheritance through builder color controls
Supported widgets: Icon, Icon Box, Icon List, Social Icons.
Icon Attributions
Font Awesome Free
Licensed under CC BY 4.0 (icons) and MIT (code).
https://fontawesome.com/license/free
Lucide Icons
Licensed under the ISC License.
https://lucide.dev
