內容簡介
Omni Icon 是一款現代化的圖示管理解決方案，能夠無縫整合圖示於 WordPress 生態系統中。使用者可以上傳自訂圖示、使用內建圖示，或透過 Iconify 獲取超過 200,000 種圖示，支援 Gutenberg、Elementor 等流行頁面編輯器。
【主要功能】
• 多來源圖示系統：上傳自訂 SVG 圖示或使用預包裝圖示
• 圖示搜尋與發現：強大的搜尋功能及智能快取
• 伺服器端渲染 (SSR)：即時顯示與最佳效能
• 智能快取：多層快取技術加速載入時間
• 網頁元件：可在主題或內容中使用 <omni-icon> 自訂元素
• 安全性：SVG 清理防止上傳圖示的 XSS 攻擊
外掛標籤
開發者團隊
② 後台搜尋「Omni Icon – Modern SVG icon library for WordPress」→ 直接安裝（推薦）
原文外掛簡介
Omni Icon: Modern icon management solution for WordPress
Omni Icon is a comprehensive icon management solution that seamlessly integrates icons across the WordPress ecosystem. Upload custom icons, use bundled icons, or access 200,000+ icons from Iconify with support for Gutenberg, Elementor, Bricks, Breakdance, and LiveCanvas.
Features
Omni Icon is packed with features designed to make icon management effortless:
Multi-source Icon System: Upload custom SVG icons, use pre-bundled icons, or access 200,000+ Iconify icons
Icon Search & Discovery: Powerful search across all icon sources with intelligent caching
Server-Side Rendering (SSR): Icons pre-rendered on server for instant display and optimal performance
Smart Caching: Multi-layer caching (memory, filesystem, IndexedDB) for blazing fast load times
Web Component: Use
Secure: SVG sanitization prevents XSS attacks on uploaded icons
Modern Architecture: Built with PHP 8.0+ attributes, Symfony DI, and auto-discovery
Lightweight: Small footprint with lazy loading won’t slow down your site
Visit our GitHub repository for more information.
Seamless Integration
Omni Icon works perfectly with the most popular visual/page builders:
Gutenberg / Block Editor — Custom Icon block with live preview
Elementor — Native widget with Elementor controls
Bricks — Native element with full theme compatibility
Breakdance — Element Studio integration with SSR
LiveCanvas — Custom block with panel controls
Advanced Custom Fields (ACF) — Custom field type for icon selection
Etch — Web Component with icon picker
Divi 5 — Native module
More integrations coming soon!
Icon Sources
Local Icons (Custom Uploads)
Upload your own SVG icons and organize them in custom sets. All uploads are sanitized for security.
Bundle Icons
Pre-packaged icons included with the plugin, including sponsor logos and commonly used icons.
Iconify Icons
Access to 150+ icon collections with 200,000+ icons including:
Material Design Icons (mdi)
Font Awesome (fa6-brands, fa6-regular, fa6-solid)
Bootstrap Icons (bi)
Hero Icons (heroicons)
Lucide (lucide)
And 150+ more collections
Browse available icons at Iconify
Usage
Gutenberg:
In the block editor, add a new “Omni Icon” block
Click the icon picker to browse or search icons
Elementor:
Add the “Omni Icon” widget
Click “Browse Icons” to open the icon picker
Bricks:
Add the “Omni Icon” element
Click “Browse Icons” to open the icon picker
Breakdance:
Add the “Omni Icon” element
Click “Browse Icons” to open the icon picker
LiveCanvas:
Add the “Omni Icon” element
Advanced Custom Fields (ACF):
Create or edit an ACF Field Group
Add a new field and select “Omni Icon” as the field type
Configure return format (string, array, or HTML)
Etch:
Add the “omni-icon” Element from the menu element on the bottom of screen
Browse or search icons in the icon picker
Confirm selection to copy the code to clipboard
Paste the copied code into the HTML editor
Web Component Usage
Use the
Performance & Security
Lazy Loading: Web components loaded on-demand
Multi-layer Caching: Memory → Filesystem → IndexedDB
SSR Support: Icons pre-rendered on server for instant display
SVG Sanitization: All uploaded SVGs sanitized to prevent XSS
MIME Type Validation: Server-side validation of uploaded files
Love Omni Icon?
Give a 5-star review
Join our Facebook Group
Sponsor us on GitHub or Ko-fi
Credits
Built with Symfony UX Icons
Powered by Iconify
SVG sanitization by enshrined/svg-sanitize
Affiliate Disclosure: This readme.txt may contain affiliate links. If you decide to make a purchase through these links, we may earn a commission at no extra cost to you.
