內容簡介
Jooosi Icon 是一款現代化的圖示管理解決方案，能無縫整合各種圖示於 WordPress 生態系中。用戶可上傳自訂圖示、使用內建圖示，或從 Iconify 獲取超過 200,000 種圖示，支援多種頁面編輯器。
【主要功能】
• 多來源圖示系統：上傳自訂 SVG 圖示或使用內建圖示
• 圖示搜尋與發現：強大的搜尋功能及智能快取
• 伺服器端渲染（SSR）：即時顯示及最佳效能
• 智能快取：多層快取技術加速載入時間
• 網頁元件：可於佈景主題或內容中使用自訂元素
• 安全性：SVG 清理防止 XSS 攻擊
外掛標籤
開發者團隊
② 後台搜尋「Jooosi Icon – Modern SVG icon library for WordPress」→ 直接安裝（推薦）
📦 歷史版本下載
原文外掛簡介
Jooosi Icon: Modern icon management solution for WordPress
Jooosi 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
Jooosi 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
Jooosi 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. Use the jooosi: prefix; the former omni: prefix remains supported for existing content.
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 “Jooosi Icon” block
Click the icon picker to browse or search icons
Elementor:
Add the “Jooosi Icon” widget
Click “Browse Icons” to open the icon picker
Bricks:
Add the “Jooosi Icon” element
Click “Browse Icons” to open the icon picker
Breakdance:
Add the “Jooosi Icon” element
Click “Browse Icons” to open the icon picker
LiveCanvas:
Add the “Jooosi Icon” element
Advanced Custom Fields (ACF):
Create or edit an ACF Field Group
Add a new field and select “Jooosi Icon” as the field type
Configure return format (string, array, or HTML)
Etch:
Add the “jooosi-icon” element from the element menu at the bottom of the 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
Existing
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 Jooosi 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.
