Este texto fue traducido usando IA. Si deseas ver el texto original en inglés, haz clic aquí.
El bloque de Icono te permite añadir iconos SVG a tu sitio. En esta guía, aprenderás cómo añadir un icono desde la biblioteca de iconos integrada y personalizar su apariencia.
Para añadir un icono a tu contenido, sigue estos pasos:
- Visita el escritorio de tu sitio.
- Navega hasta la página, entrada o plantilla donde deseas añadir un icono y ábrela para editarla.
- Haz clic en el insertador de bloques + y busca «Icono».
- Haz clic en el bloque Icono para insertarlo:
- Haz clic en «Elegir icono» en la barra de herramientas del bloque para ver la colección completa de iconos SVG disponibles.
- Desplázate por los iconos o escribe una palabra clave en el campo de búsqueda para filtrar los resultados (por ejemplo, «estrella» o «flecha»).
- Haz clic en un icono para insertarlo.
El icono seleccionado aparece en tu contenido. Puedes personalizar su color, tamaño y otros ajustes usando las opciones descritas en las secciones siguientes.
Para más información, visita nuestras instrucciones detalladas sobre cómo añadir bloques.
Selecciona el bloque de Icono y abre los ajustes del bloque en la barra lateral derecha para acceder a las opciones de personalización.
Para cambiar el color de tu icono, sigue estos pasos:
- Selecciona el bloque de Icono.
- En la barra lateral de ajustes del bloque, navega a la pestaña Estilos.
- En Color, establece el color del texto (el icono en sí) y el color de fondo.
- Guarda tus cambios.
Obtén más información en Ajustes de color.
Para cambiar el tamaño de tu icono, sigue estos pasos:
- Selecciona el bloque de Icono.
- En la barra lateral de ajustes del bloque, abre la sección Dimensiones.
- Ajusta el Ancho para hacer el icono más grande o más pequeño. También puedes ajustar el Relleno y el Margen para controlar el espaciado alrededor del icono.
- Guarda tus cambios.
Obtén más información en Ajustes de dimensiones.
Para añadir un borde a tu icono, sigue estos pasos:
- Selecciona el bloque de Icono.
- En la barra lateral de ajustes del bloque, abre la sección Borde.
- Establece el color, el ancho y el radio del borde.
- Guarda tus cambios.
Obtén más información en Ajustes de borde.
Usa las opciones de alineación en la barra de herramientas del bloque para posicionar el icono dentro de tu contenido. Puedes alinear el icono a la izquierda, al centro o a la derecha.
El bloque de Icono incluye un ajuste de Etiqueta en la barra lateral de ajustes del bloque. Usa este campo para añadir una breve descripción de texto del icono para los usuarios de lectores de pantalla. La etiqueta no es visible en la página, pero ayuda a los visitantes que utilizan tecnología de asistencia a comprender el propósito del icono.
Para cambiar un icono por otro diferente, sigue estos pasos:
- Selecciona el bloque de icono.
- Haz clic en Reemplazar en la barra de herramientas del bloque. Se abrirá la biblioteca de iconos.
- Desplázate por la colección o busca un icono diferente.
- Haz clic en el icono para reemplazar el actual.
