Descripción

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.

Capturas

Crear un separador con icono
Cambiar los ajustes del separador

Bloques

Este plugin proporciona 1 bloque.

Icon Separator A simple horizontal separator with icon.

Instalación

Sube los archivos del plugin al directorio /wp-content/plugins/icon-separator o instala el plugin directamente a través de la pantalla de plugins de WordPress.
Activa el plugin a través de la pantalla «Plugins» en WordPress

FAQ

¿Qué problema resuelve este plugin?: Es como el bloque separador del núcleo, pero admite un icono.
¿Cuándo debería usar este plugin?: Para hacer un sencillo y bonito separador horizontal.
¿Por qué necesito este plugin?: Porque quieres hacer un sencillo y bonito separador horizontal.
¿Quién necesita este plugin?: Cualquiera puede usar este plugin.

Reseñas

Thorworx 31 de marzo de 2024 1 respuesta

Excellent plugin. Responsive dev.

vagabondtabby 2 de enero de 2023 1 respuesta

… okay I mean I guess it depends on what kind of icon you’re using in your separator. I guess it could be machine guns. But I’m using a cat for mine so it’s definitely cute. ANYWAY it works, it’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 1 de mayo de 2022 1 respuesta

Very good one!

summerchilde 20 de abril de 2022 1 respuesta

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

Leer todas las 4 reseñas

Colaboradores y desarrolladores

«Icon Separator» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Phi Phan

«Icon Separator» está traducido en 5 idiomas. Gracias a los traductores por sus contribuciones.

Traduce «Icon Separator» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

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

Fecha de lanzamiento – 14 de abril de 2022