內容簡介
SVG Forge Icon Manager 外掛提供一個集中管理 SVG 圖示的解決方案，讓開發者能夠輕鬆插入自訂的 SVG 圖示，並確保其性能與可控性。此外掛適合進階的佈景主題與外掛開發者，能夠有效管理和使用 SVG 圖示。
【主要功能】
• 集中管理 SVG 圖示庫
• 快速插入 SVG 圖示至內容
• 支援自訂顏色與大小設定
• 版本控制與緩存優化
• 兼容 WordPress 7.1 的圖示系統
外掛標籤
開發者團隊
原文外掛簡介
The Icon Library Block loads a central SVG sprite file (by default the bundled sprite.svg), shows all contained
Full SVG via
Limitations you should know about:
To add or change icons you have to rebuild the sprite file — typically with svgforge-cli, which handles sanitization and svgo optimization. There is no in-browser icon editor or management UI.
The icons live in your content as a block. There is no replacement for the simple wp_get_icon() helper in theme PHP — that is what the native 7.1 approach is for.
Features
Settings page (Settings → Icon Library) to upload the SVG sprite file — svgforge-cli handles full sanitization and svgo optimization, the plugin strips scripts, event handlers and javascript: links as a safety net.
Theme override via the sfim_sprite_url filter (e.g. get_theme_file_uri()) – the filter has priority over everything.
Symbol picker in the editor with a live preview of all icons from the sprite; icons from sprite subdirectories (IDs like directory--filename) are grouped and selectable via a filter in the dropdown.
Icons can be linked (new tab + rel attributes including noopener/noreferrer).
Aria-label for screen readers; linked icons are automatically labelled via the link.
Fill and stroke colour as well as size per block (square, preset slider + custom input with units).
Fully dynamic server-side rendering (render.php) with get_block_wrapper_attributes().
Block supports: alignment, anchor, additional CSS classes.
Configure the sprite file
The SVG sprite file is resolved in this order (first existing source wins):
Filter sfim_sprite_url – the canonical override (has priority).
Uploaded file from Settings → Icon Library (backend upload).
Fallback: sprite.svg in the plugin directory.
Override with a filter (recommended, versionable with the theme) in the theme’s functions.php:
add_filter( 'sfim_sprite_url', fn () => get_theme_file_uri( 'assets/ico.svg' ) );
or point it at a CDN:
add_filter( 'sfim_sprite_url', fn () => 'https://cdn.example.com/icons/ico.svg' );
Icon Library is a developer-focused Gutenberg block that arranges a curated set of SVG icons as one central sprite and reuses them everywhere in your content. It works with any symbol sprite produced by modern build tools, is fully translated, and gives you precise control over colours, size, links and accessibility on every single block instance. The plugin prefers simplicity and performance: no tracking, no external requests, no page-weight overhead, and no vendor lock-in to a particular icon pack or service.
Development
Development is done on GitHub.
