外掛說明
Safelayout Elegant Icons, adds an easy-to-use and powerful icon block to the WordPress classic editor, block editor, Elementor and WordPress menu.
With the help of Safelayout Elegant Icons, you can add high quality SVG icons to your WordPress website, and it helps you add beautiful social media icons to your website.
How to add icons to the navigation menu of your WordPress website.( Block Themes )
How to add icons to the navigation menu of your WordPress website.( Classic Themes )
How to add beautiful icons into the text.( Elementor )
How to add beautiful icons into the text.( block editor )
Features
- Available in block editor, classic editor and Elementor.
- Ability to add icons to the menu. (Classic themes and Block themes)
- No icon fonts, just inline SVG.
- High quality SVG icons.
- Include “Social Share Icons” block.
- Include “Icon Box” block.
- Include “Box Ribbon” block.
- Include “Box Button” block.
- Include multi color icon packs.
- Many beautiful icon effects.
- Choose which icon packs to load.
- Adding icons to text blocks ( Paragraph, Heading, Button, … ).
- Gradient color for icon fill and stroke as well as background color.
- 38 Hover animation effects.
- Fully compatible with Full-Site Editing.
- Cross browser compatible.
- Fully customizable.
- Work with Any Theme.
Live Demo
Safelayout Elegant Icons Demo.
Pro Version
Safelayout Elegant Icons Pro is available. Upgrade to pro version and get full features!
Pro Version Icon Packs (4700+ icons)
- Themeisle (100 icons) https://themeisle.com/free-icons/
- WordPress Dashicons (337 icons) https://developer.wordpress.org/resource/dashicons/
- WordPress (285 icons) https://github.com/WordPress/gutenberg/blob/trunk/packages/icons/src/library/
- Flat color icons by Icons8 (312 icons) https://icons8.github.io/flat-color-icons/
- Linecons (48 icons) https://designmodo.com/linecons-free/
- Filled icon set by Icons8 (200 icons) https://icons8.com/
- Genericons Neue (103 icons) https://genericons.com/
- Font Awesome regular (163 icons) https://github.com/FortAwesome/Font-Awesome
- Font Awesome brands (467 icons) https://github.com/FortAwesome/Font-Awesome
- Font Awesome solid (1390 icons) https://github.com/FortAwesome/Font-Awesome
- Material Design (1261 icons) https://developers.google.com/fonts/docs/material_icons
- Meteocons – weather (47 icons) https://www.alessioatzeni.com/
Safelayout other plugins
螢幕擷圖
Social Share Icons 
Available in elementor 
Available in block editor 
Available in classic editor 
Multi color icons 
Beautiful icon effects 
Size and color 
Icon shadow, background shadow and base shadow 
Hover animation, spacing, link and title
適用於區塊編輯器
這個外掛提供 8 個可供 Gutenberg/區塊編輯器使用的區塊。
- Icon (Safelayout) Beautiful SVG icons.
- Icon Box (Safelayout) Beautiful SVG icon box.
- Social Profiles (Safelayout) Add icon links to your social media profiles.
- Safelayout Elegant Icons Beautiful SVG icons.
- Social Share (Safelayout) Share your posts and pages on any social sharing service.
- Box Ribbon (Safelayout) Icon box ribbon.
- Container (Safelayout) Container block.
- Box Button (Safelayout) Icon box button.
安裝方式
- Go to the Plugins section of your WordPress dashboard.
- Click on Add New.
- Click on the Upload Plugin button.
- Browse and locate the zipped plugin that you have downloaded.
- Activate the plugin by clicking on Activate.
使用者評論
2025 年 10 月 12 日
1 則留言
Happy with the way this plugin works. Its very useful.
2025 年 2 月 18 日
nice
2024 年 6 月 30 日
1 則留言
Great product!
2024 年 2 月 29 日
1 則留言
Well done and usefull. Great!
參與者及開發者
變更記錄
1.4.0
- Added “Social Share Icons” block.
- Added “Social Profiles Icons” block.
1.3.0
- Fixed animation issue.
1.2.11
- Added a new icon effect to the icon block.
1.2.10
- Fixed some issue.
1.2.9
- Added the ability to add icons to the menu. (Classic themes and Block themes)
1.2.8
- Fixed icon issue with text blocks.
1.2.7
- Fixed some issue.
- Updated user interface.
1.2.6
- Added some templates to the Elementor.
1.2.5
- Fixed icon issue with classic editor.
1.2.4
- Fixed the block patterns issue.
1.2.3
- Added some block patterns to the block editor.
1.2.2
- Updated the icon box block default value.
1.2.1
- Added compatibility with Elementor.
- Activated some features of the pro version, in the free version.
- Fixed some issue.
1.2.0
- Updated user interface.
1.1.7
- Fixed icon issue with classic editor.
1.1.6
- Added compatibility with classic editor.
1.1.5
- Adding icons to text blocks ( Paragraph, Heading, Button, …).
1.1.4
- Fixed icon effects issue in the icon block.
- Updated the icon block default value.
1.1.3
- Updated plugin banner.
- Updated plugin icon.
- Updated readme.txt
1.1.2
- Fixed border color animation issue in box button block.
1.1.1
- Fixed Installation issue.
1.1.0
- Added beautiful effects to the icon box block.
- Added box ribbon block.
- Added box button block.
1.0.8
- Added upgrade notification in the WordPress dashboard.
1.0.7
- Added rate reminder notification in the WordPress dashboard.
1.0.6
- Fixed Rotate background issue.
- Added X social network icon.
1.0.5
- Fixed unique id issue.
- Fixed font loading issue.
- Updated user interface.
1.0.4
- Updated user interface.
1.0.3
- Updated pro effects image.
1.0.2
- Fixed color palette issue.
- Added deactivation feedback.
1.0.1
- Update readme.txt
1.0.0
- Initial Release.