Описание
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 — Build custom layouts and blocks visually in the Block Editor without needing a code editor, using only core blocks and native Gutenberg features.
- Meta Field Block — A single block to display custom fields in the Block Editor without coding. It supports ACF, MetaBox, WooCommerce, meta, rest field, shortcode and more. Works everywhere: in the Site Editor (FSE), the Block Editor, inside Query Loop, WooCommerce Product Collection, Term Query blocks, and even in template files.
- 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.
Скриншоты
Create an icon separator
Change the separator’s settings
Блоки
Этот плагин предоставляет 1 блок.
- Icon Separator A simple horizontal separator with icon.
Установка
- Upload the plugin files to the
/wp-content/pluginsdirectory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the ‘Plugins’ screen in WordPress
Часто задаваемые вопросы
-
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.
Отзывы
Участники и разработчики
«Icon Separator» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:
Участники
«Icon Separator» переведён на 5 языков. Благодарим переводчиков за их работу.
Перевести «Icon Separator» на ваш язык.
Заинтересованы в разработке?
Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.
Журнал изменений
1.2.5
Release Date — 07 May 2026
- Improved — Updated inspector control styles
1.2.4
Release Date — 22 November 2024
- Updated — SDK to improve controls and utilities.
- Fixed — SVGs from the media library overriding icons from the icon library.
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