Àpèjúwe

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Ìtumọ̀ Yorùbá: ’re interested:

Content Blocks Builder Ìtumọ̀ Yorùbá: – 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 Ìtumọ̀ Yorùbá: – 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 Ìtumọ̀ Yorùbá: – 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 Ìtumọ̀ Yorùbá: – A simple breadcrumb trail block that supports JSON-LD structured data and is compatible with WooCommerce.
Block Enhancements Ìtumọ̀ Yorùbá: – Adds practical features to blocks like icons, box shadows, transforms, etc.
Counting Number Block Ìtumọ̀ Yorùbá: – A block to display numbers with a counting effect
Better YouTube Embed Block Ìtumọ̀ Yorùbá: – 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.

Àwọn àwòrán ìbòjú

Create an icon separator
Change the separatorÌtumọ̀ Yorùbá: ’s settings

Àwọn ìdí

Plugin yìí pèsè 1 ìdí.

Icon Separator A simple horizontal separator with icon.

Ìgbéwọlẹ̀

Upload the plugin files to the /wp-content/plugins 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.

Àwọn àgbéyẹ̀wò

Thorworx Ẹrẹ́nà 31, 2024 1 ìdáhùn

Excellent plugin. Responsive dev.

vagabondtabby Ṣẹrẹ 2, 2023 1 ìdáhùn

… okay I mean I guess it depends on what kind of icon youÌtumọ̀ Yorùbá: ’re using in your separator. I guess it could be machine guns. But IÌtumọ̀ Yorùbá: ’m using a cat for mine so itÌtumọ̀ Yorùbá: ’s definitely cute. ANYWAY it works, itÌtumọ̀ Yorùbá: ’s easy, I did have a small issue with it & Phi got back to me immediately, & now my website has cute separators with a cat & everything is lovely.

blubbubb Èbìbí 1, 2022 1 ìdáhùn

Very good one!

summerchilde Igbe 20, 2022 1 ìdáhùn

Saw the post on WPTavern about it and had to give it a try. Will definitely use on future projects.

Ka gbogbo àwọn àgbéyẹ̀wò 4

Àwọn Olùkópa & Olùgbéejáde

“Icon Separator” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa sí plugin yìí.

Phi Phan

A ti túmọ̀ “Icon Separator” sí àwọn èdè agbègbè 5. Ọpẹ́lọpẹ́ fún àwọn atúmọ̀ èdè fún àwọn ìkópa wọn.

Túmọ̀ “Icon Separator” sí èdè rẹ.

Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè?

Ṣàwárí koodu, ṣàyẹ̀wò ibi ìpamọ́ SVN, tàbí ṣe àgbékalẹ̀ sí àkọsílẹ̀ ìdàgbàsókè nípasẹ̀ RSS.

Àkọsílẹ̀ àwọn àyípadà

1.2.4

Release Date Ìtumọ̀ Yorùbá: – 22 November 2024

Updated Ìtumọ̀ Yorùbá: – SDK to improve controls and utilities.
Fixed Ìtumọ̀ Yorùbá: – SVGs from the media library overriding icons from the icon library.

1.2.3

Release Date Ìtumọ̀ Yorùbá: – 24 October 2024

Updated Ìtumọ̀ Yorùbá: – SDK to implement minor UI changes and remove deprecated code
Improved Ìtumọ̀ Yorùbá: – Replaced classnames with clsx
Updated Ìtumọ̀ Yorùbá: – Tested compatibility with WP 6.7 and set minimum requirement to WP 6.5
Added Ìtumọ̀ Yorùbá: – Support clientNavigation interactivity

1.2.2

Release Date Ìtumọ̀ Yorùbá: – 23 May 2024

Improved Ìtumọ̀ Yorùbá: – Render line style popup on the left side

1.2.1

Release Date Ìtumọ̀ Yorùbá: – 28 April 2024

Updated Ìtumọ̀ Yorùbá: – icon library
Removed Ìtumọ̀ Yorùbá: – Upload SVGs to the media library

1.2.0

Release Date Ìtumọ̀ Yorùbá: – 31 March 2024

Added Ìtumọ̀ Yorùbá: – Allow uploading and loading SVG icons from the media library
Improved Ìtumọ̀ Yorùbá: – Use the ToolPanel for inspector settings
Improved Ìtumọ̀ Yorùbá: – Make the line rounded by default
Updated Ìtumọ̀ Yorùbá: – Update SDK

1.1.8

Release Date Ìtumọ̀ Yorùbá: – 23 September 2023

Updated Ìtumọ̀ Yorùbá: – Using the default BorderControl for the line style
Updated Ìtumọ̀ Yorùbá: – Update ‘Requires at least’ to 6.3 for new the spacing sizes control style

1.1.7

Release Date Ìtumọ̀ Yorùbá: – 02 September 2023

DEV Ìtumọ̀ Yorùbá: – Using the default SpacingSizesControl for margin
DEV Ìtumọ̀ Yorùbá: – Add Unit and Range control for custom spacing

1.1.6

Release Date Ìtumọ̀ Yorùbá: – 09 August 2023

DEV Ìtumọ̀ Yorùbá: – Update the icon library popup style for WP 6.3
DEV Ìtumọ̀ Yorùbá: – Add keywords
DEV Ìtumọ̀ Yorùbá: – Refactor code

1.1.5

Release Date Ìtumọ̀ Yorùbá: – 11 March 2023

DEV Ìtumọ̀ Yorùbá: – Update icon library

1.1.4

Release Date Ìtumọ̀ Yorùbá: – 09 February 2023

DEV Ìtumọ̀ Yorùbá: – Add SVGO GUI tool to the SVG help text
DEV Ìtumọ̀ Yorùbá: – Update SDK

1.1.3

Release Date Ìtumọ̀ Yorùbá: – 23 October 2022

DEV Ìtumọ̀ Yorùbá: – Refactor SVG controls
DEV Ìtumọ̀ Yorùbá: – Replace client caching by loading the icon library from the REST API

1.1.2

Release Date Ìtumọ̀ Yorùbá: – 18 September 2022

FIX Ìtumọ̀ Yorùbá: – Compatibility issue with the Gutenberg plugin

1.1.1

Release Date Ìtumọ̀ Yorùbá: – 16 September 2022

FIX Ìtumọ̀ Yorùbá: – Load all localization text

1.1.0

Release Date Ìtumọ̀ Yorùbá: – 27 July 2022

DEV Ìtumọ̀ Yorùbá: – Support converting from/to core/separator
DEV Ìtumọ̀ Yorùbá: – Allow double click to insert icon from the modal

1.0.8

Release Date Ìtumọ̀ Yorùbá: – 30 Jun 2022

FIX Ìtumọ̀ Yorùbá: – Convert inline style to style object

1.0.7

Release Date Ìtumọ̀ Yorùbá: – 20 Jun 2022

DEV Ìtumọ̀ Yorùbá: – Allow uploading icon

1.0.6

Release Date Ìtumọ̀ Yorùbá: – 12 May 2022

REFACTOR Ìtumọ̀ Yorùbá: – Update SDK

1.0.5

Release Date Ìtumọ̀ Yorùbá: – 30 April 2022

DEV Ìtumọ̀ Yorùbá: – Update color format

1.0.4

Release Date Ìtumọ̀ Yorùbá: – 28 April 2022

DEV Ìtumọ̀ Yorùbá: – Add the title to block registration in JS.

1.0.3

Release Date Ìtumọ̀ Yorùbá: – 21 April 2022

DEV Ìtumọ̀ Yorùbá: – Add separator role for accessibility

1.0.2

Release Date Ìtumọ̀ Yorùbá: – 19 April 2022

REFACTOR code

1.0.1

Release Date Ìtumọ̀ Yorùbá: – 16 April 2022

DEV Ìtumọ̀ Yorùbá: – Add shortcut keys to the icon library modal, focus on the search box when opening the modal
DEV Ìtumọ̀ Yorùbá: – Make it compatible with common themes

1.0.0

Release Date Ìtumọ̀ Yorùbá: – 14 April 2022

Excellent plugin

tiny cute plugin!

Simple and great, thank you!

Works great!