Maelezo
A simple, lightweight, accessibility-ready icon separator block.
Key Features
- Customize the icon width, spacing, color and position.
- Customize the separator width, style, color and position.
- Accessibility ready with ‘separator’ role.
- Simple and easy to use but included full settings even with responsive width and responsive vertical margin.
- An icon library included icons from “Bootstrap Icons”, “Ionicons”, “Dashicons” and new “WordPress Icons”.
Please take a look at these custom block patterns that use this block to see how it can be applied to real-world sites.
If this plugin is useful for you, please do a quick review and rate it on WordPress.org to help us spread the word. I would very much appreciate it.
Please check out my other plugins if you’re interested:
- Content Blocks Builder – This plugin turns the Block Editor into a powerful page builder by allowing you to create blocks, variations, and patterns directly in the Block Editor without needing a code editor.
- Meta Field Block – A block to display custom fields as blocks on the front end. It supports custom fields for posts, terms, users, and setting fields. It can also be used in the Query Loop block.
- SVG Block – A block to display SVG images as blocks. Useful for images, icons, dividers, and buttons. It allows you to upload SVG images and load them into the icon library.
- Breadcrumb Block – A simple breadcrumb trail block that supports JSON-LD structured data and is compatible with WooCommerce.
- Block Enhancements – Adds practical features to blocks like icons, box shadows, transforms, etc.
- Counting Number Block – A block to display numbers with a counting effect
- Better YouTube Embed Block – A block to solve the performance issue with embedded YouTube videos. It can also embed multiple videos and playlists.
The plugin is developed using @wordpress/create-block.
Screenshots
Bloku
Kijalizi hiki kinawezesha bloku 1.
- Icon Separator A simple horizontal separator with icon.
Installation
- Upload the plugin files to the
/wp-content/plugins/icon-separator
directory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the ‘Plugins’ screen in WordPress
FAQ
-
What problem does this plugin solve?
-
It is like the core/separator block but supports an icon.
-
When should we use this plugin?
-
To make a simple, beautiful horizontal separator.
-
Why needs this plugin?
-
Because you want to make a beautiful horizontal separator.
-
Who needs this plugin?
-
Anyone can use this plugin.
Reviews
Wachangiaji & Wasanidi
“Icon Separator” is open source software. The following people have contributed to this plugin.
Contributors“Icon Separator” zimetafsiriwa kwa lugha 4. Thank you to the translators for their contributions.
Translate “Icon Separator” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.2.3
Release Date – 24 October 2024
- Updated – SDK to implement minor UI changes and remove deprecated code
- Improved – Replaced classnames with clsx
- Updated – Tested compatibility with WP 6.7 and set minimum requirement to WP 6.5
- Added – Support clientNavigation interactivity
1.2.2
Release Date – 23 May 2024
- Improved – Render line style popup on the left side
1.2.1
Release Date – 28 April 2024
- Updated – icon library
- Removed – Upload SVGs to the media library
1.2.0
Release Date – 31 March 2024
- Added – Allow uploading and loading SVG icons from the media library
- Improved – Use the ToolPanel for inspector settings
- Improved – Make the line rounded by default
- Updated – Update SDK
1.1.8
Release Date – 23 September 2023
- Updated – Using the default BorderControl for the line style
- Updated – Update ‘Requires at least’ to 6.3 for new the spacing sizes control style
1.1.7
Release Date – 02 September 2023
- DEV – Using the default SpacingSizesControl for margin
- DEV – Add Unit and Range control for custom spacing
1.1.6
Release Date – 09 August 2023
- DEV – Update the icon library popup style for WP 6.3
- DEV – Add keywords
- DEV – Refactor code
1.1.5
Release Date – 11 March 2023
- DEV – Update icon library
1.1.4
Release Date – 09 February 2023
- DEV – Add SVGO GUI tool to the SVG help text
- DEV – Update SDK
1.1.3
Release Date – 23 October 2022
- DEV – Refactor SVG controls
- DEV – Replace client caching by loading the icon library from the REST API
1.1.2
Release Date – 18 September 2022
- FIX – Compatibility issue with the Gutenberg plugin
1.1.1
Release Date – 16 September 2022
- FIX – Load all localization text
1.1.0
Release Date – 27 July 2022
- DEV – Support converting from/to core/separator
- DEV – Allow double click to insert icon from the modal
1.0.8
Release Date – 30 Jun 2022
- FIX – Convert inline style to style object
1.0.7
Release Date – 20 Jun 2022
- DEV – Allow uploading icon
1.0.6
Release Date – 12 May 2022
- REFACTOR – Update SDK
1.0.5
Release Date – 30 April 2022
- DEV – Update color format
1.0.4
Release Date – 28 April 2022
- DEV – Add the title to block registration in JS.
1.0.3
Release Date – 21 April 2022
- DEV – Add separator role for accessibility
1.0.2
Release Date – 19 April 2022
- REFACTOR code
1.0.1
Release Date – 16 April 2022
- DEV – Add shortcut keys to the icon library modal, focus on the search box when opening the modal
- DEV – Make it compatible with common themes
1.0.0
Release Date – 14 April 2022