Cómo añadir fácilmente iconos a su sitio WordPress

Los iconos pueden parecer pequeños detalles, pero tienen el poder de cambiar por completo la sensación y el funcionamiento de un sitio web. Piensa en un sitio de WordPress sin iconos: solo paredes de texto y enlaces sencillos. 

Tanto si eres un bloguero que intenta que sus entradas destaquen como si eres el propietario de una empresa que destaca sus servicios, los iconos hacen el trabajo pesado de guiar a los usuarios y hacer que la información se quede grabada. 

En esta guía, le guiaremos a través de dos métodos sencillos: el Bloques definitivos para el uso general de iconos y el Tableberg Plugin para añadir iconos a las tablas. Vamos a sumergirnos.

Método 1: Utilizar el plugin Ultimate Blocks

Bloques definitivos es una solución perfecta para cualquiera que busque una forma rápida y sencilla de añadir iconos a entradas o páginas.

Paso 1: Instalar Ultimate Blocks

Vaya a su panel de control de WordPress y, a continuación, vaya a Plugins > Añadir nuevo. Busque "Bloques definitivos" utilizando la barra de búsqueda. Una vez encontrado, haga clic en Instale y luego activar el plugin.

Instalar bloques Ultimate

Paso 2: Añadir el bloque de iconos

Desde su editor de WordPress, vaya a la entrada o página en la que necesita colocar un icono. Haga clic en el icono Insertador de bloques (“+"), escriba "Icono en la barra de búsqueda, y elija los Bloques Ultimate Bloque de iconos.

Añadir el bloque de iconos

Paso 3: Seleccionar y añadir un icono

A continuación, debe hacer clic en el botón "Biblioteca de iconos" para abrir la biblioteca de iconos. Allí encontrarás los iconos de WordPress adecuados junto con los iconos de Font Awesome. 

Haga clic en la opción "Biblioteca de iconos" para abrir la biblioteca de iconos.

Ahora, puedes navegar por todas las opciones disponibles en la biblioteca y buscar la específica utilizando palabras clave. Una vez que hayas encontrado el icono deseado, haz clic en él para insertarlo en tu contenido.

Elige el icono que prefieras.

Paso 4: Ajustar la apariencia del icono

Ahora, si necesitas personalizar tus iconos, desplázate a la parte derecha del panel de control y abre la configuración de Bloques en la barra lateral. En la sección General Configuración, puede cambiar el tamaño y girar el icono según sea necesario. 

Personaliza el tamaño y la rotación desde la pestaña general.

Si cambia al Estilos puedes cambiar los colores, el borde u otros detalles.

Cambia los colores, el borde u otros detalles desde la pestaña Estilos.

Paso 5: Guarde su trabajo

Comprueba la colocación de los iconos y la personalización. Una vez que todo esté en orden, haga clic en Publique o Actualización para guardar tu página o entrada.

Haga clic en Actualizar o Publicar

Método 2: Uso del plugin Tableberg

Tableberg es ideal para quienes deseen incorporar iconos a diseños estructurados, como tablas.

Paso 1: Instalar Tableberg

Una vez más, inicie sesión en su panel de WordPress, vaya a Plugins > Añadir nuevoy busque "Tableberg". Una vez encontrado, Instale y activar el plugin. 


Paso 2: Crear una nueva tabla

Abra su editor de WordPress y añada un nuevo bloque Tableberg. Para ello, haga clic en el botón Insertador de bloques (“+"), escribiendo "Tableberg" en la barra de búsqueda y seleccionando el bloque.


Paso 3: Añadir un icono a una celda

Primero, elija el orden para su tabla y cree su tabla. Después, rellena tu tabla con los bloques y contenidos adecuados. 

Una vez que hayas terminado, selecciona la celda donde quieres colocar el icono. Haz clic en el icono "+" y busque el Icono bloque. Cuando lo hayas encontrado, haz clic en él para insertarlo. 

Se colocará un icono por defecto en el lugar predefinido. Si necesita un icono alternativo, vaya a la sección de iconos en el panel lateral de su panel de control y busque o desplácese hacia abajo para elegir el icono que desee de la biblioteca. También puedes importar tu icono preferido a través de una URL. 


Paso 4: Personalizar el icono

Una vez que hayas añadido tu icono preferido, puedes empezar a personalizarlo. Empiece haciendo clic en el icono que desea personalizar. Se abrirá la Configuración de bloques. Si no, ábrelo desde la parte derecha de tu panel de control. Desde la Configuración general, puedes ajustar el tamaño, la rotación y cómo quieres que se comporte tu icono. 

Personaliza el tamaño, la rotación y el comportamiento de los iconos desde la pestaña general.

Y si se desplaza a la pestaña Estilos, puede cambiar los colores, el borde u otros detalles.

Cambia los colores, el borde u otros detalles desde la pestaña Estilos.

Paso 5: Guardar la tabla

Tras completar la tabla y personalizar el icono, haz clic en Guardar o Actualizar para conservar los cambios. Previsualiza la tabla para asegurarte de que el icono tiene un aspecto perfecto.

Haga clic en Actualizar o Publicar

Conclusión

Los iconos son una forma sencilla de hacer que tu sitio WordPress destaque y guíe a los usuarios sin sobrecargarlos de texto. Aportan claridad, estilo y propósito a la vez, y añadirlos no tiene por qué ser complicado. Por eso hemos creado esta guía para ayudarte a añadir iconos en WordPress y hacer que el proceso sea sencillo y directo.



El equipo de Tableberg