Qué son los iconos para WordPress y cómo usarlos【Guía】

---

Los iconos son pequeñas imágenes que representan objetos, acciones o conceptos. Se utilizan para mejorar el diseño y la usabilidad de una página web, facilitando la navegación y la comprensión de lo que se desea representar., como un teléfono, un sobre, una dirección, etc... Vamos a ver qué son los iconos para WordPress, cómo puedes usarlos en tu web y qué beneficios tienen.

---

Iconos para WordPress: qué son y cómo usarlos

TABLA DE CONTENIDOS

• ¿Qué son los iconos para WordPress?
• ¿Qué tipos de iconos existen?
• ¿Cómo usar los iconos para WordPress?
  • Plugin Font Awesome para WordPress
  • Iconos Dashicons de WordPress
• ¿Qué diferencia hay entre iconos, emoticonos y los emojis?

---

¿Qué son los iconos para WordPress?

Los iconos para WordPress son un tipo de recurso gráfico que puedes insertar en cualquier sitio de tu página web creada con WordPress.

Puedes encontrar iconos de diferentes estilos, formas y colores, adaptados a distintas temáticas y propósitos.

Por ejemplo, hay iconos relacionados con las redes sociales, el comercio electrónico, el soporte técnico, aplicaciones, etc...

Los iconos suelen ser de un tamaño pequeño y se añaden en sitios estratégicos de la web, como la cabecera o el pie de página, pero también pueden acompañar a textos, llamadas a la acción o en cualquier otro sitio de la web.

También encontrarás iconos en panel de administrador de WordPress, acompañando a cada una de las opciones que tiene disponibles en el menú, para ayudarte a encontrarla mejor la opción que buscas, como plugins, herramientas, usuarios, etc...

¿Qué tipos de iconos existen?

La mayoría de los iconos que existen hoy en día son imágenes vectoriales, como si se trataran de una tipografía, de hecho, hay fuentes de iconos llamadas icon fonts que puedes añadir como si de texto se tratara.

Antes de esto, lo más habitual es que un icono fuera una imagen, pero son más complicados de gestionar y no se pueden escalar, ya que la imagen se pixela y no queda bien.

Los distintos tipos de iconos que puedes encontrar los podemos resumir en las siguientes categorías:

• Iconos Vectoriales Son imágenes creadas a partir de vectores, con puntos y líneas, así que puedes ampliarlos hasta el infinito sin perder calidad. Como hemos comentado, la gran mayoría de los iconos actuales son gráficos vectoriales y se pueden almacenar de diversas formas, como SVG, para imágenes vectoriales o WOFF, que un formato de tipo de letra. La ventaja de los iconos vectoriales es que ocupan muy poco y se pueden ampliar todo lo que se necesite.
• Iconos rasterizados Rasterizar significa que se pasa de vectorial a imagen basada en píxeles, así que los iconos rasterizados son imágenes, como .jpg o .gif. Ya no se suelen usar porque al ampliarlos aparecen los píxeles de la imagen y queda mal en la web.
• Icon Fonts Ya hemos hablado de ellos. Los icon fonts son iconos que se crean a partir de un fuente tipográfica, así que comportan como cualquier otro tipo de tipografía, pudiendo ampliar su tamaño o introducirlos en el texto mediante el teclado. Del mismo modo, se pueden configurar en una web con el CSS, color, tamaño, estilo, etc...
• Icon sets Los icons sets son colecciones de iconos que tiene un mismo estilo. Al usarlos se consigue una homogeneización en la web.

Usar un tipo de icono no significa que sea exclusivo. Un icon font también es un icono vectorial, del mismo modo que suelen tener un mismo estilo y pertenecer a mismo set de iconos.

Por ejemplo, puedes encontrar fuentes de Google que son iconos y sets de iconos también: Iconos Google Fonts

¿Cómo usar los iconos para WordPress?

En WordPress ya puedes usar iconos de manera nativa y cualquier icono que copies y pegues en el texto debería de poder verse correctamente.

De hecho, si escribes el típico emoticono de la carita sonriente en cualquier parte del texto:

:-)

Debería verlo con su emoji directamente, a no ser que estés usando una versión muy desactualizada de WordPress.

Además, muchos themes o plugins que utilices pueden añadir sus iconos, como los iconos sociales o de cualquier otro tipo que puedes añadir en los bloques de Gutenberg.

Así que como puedes ver, los iconos están muy integrados ya en WordPress y su uso es natural para el editor y para el usuario que accede a la web.

Aun así, existen algunas opciones para añadir iconos directamente y gestionarlos desde un plugin, siendo el más famoso Font Awesome.

Plugin Font Awesome para WordPress

Font Awesome es una fuente de iconos que puedes utilizar en WordPress o en cualquier otro sitio.

Dispone de iconos gratuitos, una colección enorme, aunque algunos son PRO (de pago).

El plugin para WordPress es la forma oficial de usar sus plugins en WordPress y miles de usuarios lo usan en sus instalaciones de WordPress.

Puedes descargarlo desde aquí o instalarlo como cualquier otro plugin de WordPress.

Una vez instalado y activado puedes acceder a Ajustes Font Awesome** y seleccionar algunas cosas, como el tipo de iconos que quieres usar o si prefieres que sean SVG o Web Font.

En su web puedes encontrar miles y miles de iconos que puedes usar y copiar como HTML en cualquier bloque de WordPress.

Iconos Dashicons de WordPress

WordPress tiene sus propios iconos que son los que ellos mismos utilizan en sus menús y plugins, pero son de libre uso y nada impide que puedas usarlo si quieres.

Puedes encontrarlos en esta web y te resultarán muy familiares si estás acostumbrado a utilizar WordPress.

Puedes copiarlos directamente o como CSS, HTML para añadirlos a tu proyecto en WordPress.

¿Qué diferencia hay entre iconos, emoticonos y los emojis?

Los iconos, los emoticonos y los emojis pueden parecer lo mismo, pero no lo son y tienen algunas diferencias importantes.

Los iconos son imágenes o símbolos que representan una función o un concepto.

Por ejemplo, el icono de una carpeta representa un archivo o un directorio en una computadora.

Los emoticonos son combinaciones de signos o letras del teclado que representan una expresión facial que simboliza un estado de ánimo.

Por ejemplo, la carita sonriente de la que hemos hablado antes o justo la contraria, la carita que representa tristeza:

:-) 
:-( 

Los emojis son pequeñas imágenes o iconos digitales que representan una emoción, un objeto, una idea, etc.

Por ejemplo, 😊 representa una cara feliz y 🍎 representa una manzana.

Los emojis se originaron en Japón y se han popularizado en todo el mundo gracias a los dispositivos móviles y las redes sociales.

Los emojis tienen su propio estándar internacional y se pueden usar en diferentes plataformas y aplicaciones, incluidos los sitios web hechos con WordPress.

Aunque hay diferencias, cada vez son más difusas por el uso extendido que se le están dado y ya hemos visto que si usas un emoticono en WordPress, te lo transforma en un emoji, así que cada vez tiene menos importancia.

Conclusión

Como puedes ver, el uso de iconos en WordPress no tiene ningún misterio ya. Puedes usarlos en cualquier sitio y en todo momento, incluso sin necesidad de usar ningún plugin.

Como todo, no hay que abusar de ellos y añadirlos en nuestro WordPress cuando sean necesarios o pensemos que van a aportar algo al sitio.