外掛說明
SVG Icon Block is a custom Gutenberg block plugin that allows you to add SVG icon to your Gutenberg block editor. It comes with a lot of customization options, as a result, you can customize it as per your needs.
Video Tutorial
Features
- Easy to use
- Simple, light-weight and fast
- Font Awesome SVG Icon ( not font library, rather direct SVG)
- Direct SVG upload option
- SVG format support for direct upload
- My Icons library – save your own SVG code once and reuse it in any block
- Rotate, Flip (Horizontal & Vertical) features are available
- No third-party dependencies.
- Only SVG codes are rendered.
My Icons
Paste your SVG code in the Custom SVG window, turn on Add to My Icons, give it a label, and the icon is saved to your site. A My Icons button then appears in the block placeholder so you can pick that icon again in any post or page, without pasting the code a second time.
The library is shared by everyone on the site who can edit posts, so a logo or brand icon saved by one author is available to the whole team. Saved icons can be searched and removed from the same window.
Every icon is sanitized before it is stored, using the same security checks applied to uploaded SVG files: scripts, event handlers and unsafe links are stripped out.
螢幕擷圖
適用於區塊編輯器
這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。
- SVG Icon Display a SVG icon
安裝方式
- Upload the plugin files to the
/wp-content/plugins/svg-icon-blockdirectory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the ‘Plugins’ screen in WordPress
使用者評論
這個外掛目前沒有任何使用者評論。
參與者及開發者
變更記錄
1.1.0
- Added: My Icons library – save a custom SVG with “Add to My Icons” and reuse it in any block
- Added: My Icons button in the block placeholder to pick a saved icon, with search and remove
- Fixed: SVG upload no longer failed on icons exported from Illustrator, Inkscape and similar tools
- Fixed: An SVG that could not be parsed is now rejected with a clear message instead of being saved empty
- Fixed: SVG uploads sent through the REST API (drag and drop into the editor) are accepted
- Fixed: PHP notices while preparing SVG attachments, which could break the upload response
- Fixed: Link is no longer clickable inside the editor, so an accidental click does not navigate away
- Improved: SVG sanitizer rewritten to an allow-list, stripping scripts, event handlers, unsafe links and external references
- Improved: SVG width, height and previews now display correctly in the media library
1.0.6
- Compatibility check
1.0.5
- Transform features (rotate, flip) are added
- Dynamic CSS codes are optimized
1.0.4
- Compatibility with WordPress 6.8
1.0.3
- Added: Edit SVG Icon option at sidebar
- Improved: Search functionality for icons
- Optimized: Codes are optimized
1.0.2
- Added: Direct SVG upload option
- Added: SVG format support for direct upload
1.0.1
- Compatibility with WordPress 6.7.1
1.0.0
- Initial Release