iconos y emoticonos para WordPress, como instalarlos

Comparte este artículo

Si estas buscando dar un diseño más atractivo a tus web o tus artículos los emoticonos o iconos pueden dar el estilo que tanto buscas.

Hay diversas formas de agregar emoticos o iconos en WordPress, pero yo te voy a dar la clave de los que más funcionan.

Diferencia entre emoticos e iconos para WordPress

Primero vamos a diferenciar entre estos dos tipos de imágenes o símbolos.

Los iconos son signos que representan una idea o un concepto como puede ser el icono de la ubicación:

En cambio los emoticonos son inconos que representan emociones o estados de ánimo.

Aunque en ambos casos darán un estilo personalizado a nuestros post de WordPress.

Como insertar iconos en WordPress

Podemos insertar iconos en nuestro WordPress de dos maneras diferentes de insertar iconos:

  • Copia y Pega
  • A través de algún plugin

Primeramente vamos a ver la forma más sencilla que es a través de mítico copiar y pegar.

Para ello tendremos que irnos a la web piliapp

En esta web nos aparecerán diversos iconos que podremos copiar y pegar.

Aunque ten en cuenta que esta web está bastante limitada en cuanto a iconos por lo que posiblemente te quedes corto con dichos iconos.

Por ello te dejo este plugin para instalar iconos en WordPress

Plugin para insertar iconos en WordPress

Ahora hablaremos de fontawesome.com y de su plugin para WordPress Better font Awesome.

Con este plugin podrás instalar iconos en cualquier versión de WordPress, ya ser en las versiones, 4.0 o en las versiones 5.0 o superiores con Gutenberg.

Para comenzar solo tendrás que seguir los siguientes pasos:

Instalar better font awesome.

Una vez que los instales (puedes hacerlo directamente desde WordPress) tendrás que activarlo.

Una vez que lo instales dirígete a una entrada para que puedas ver como funciona y como implementar los diversos iconos.

Aquí ten en cuenta tu versión de WordPress, ya que la implementación de los iconos en WordPress a partir de la 5.0 se ha visto modificada con Gutenberg.

Versión sin Gutenberg

Para insertar nuestros iconos favoritos solo tendremos que irnos alguna página de nuestra web, y en la parte superior nos saldrá la opción de seleccionar e insertar un icono.

Versión con Gutenberg

Posiblemente esta sea la que estes buscando si te has actualizado a la última versión de WordPress 5…. o has hecho una instalación limpia.

A diferencia de las versiones antiguas no podremos insertar los iconos desde un buscado como en la versiones anteriores.

Por lo que deberás hacerlo desde un Shortcode, aunque su implementación es bastante sencilla.

Para implementarlo solo deberás hacer lo siguiente:

Irte a la web de fontawesome.com, una vez dentro deberás buscar el icono que más te guste.

También puedes buscarlo a través de la barra de búsqueda.

Una vez seleccionado deberás copiar el nombre del icono.

Una vez dentro del editor de Gutenberg con clic derecho sobre un contenedor busca la opción de Shortcode e insertalo de esta manera.

Insertar el nombre del Shortcode y algún texto si queremos que lo acompañe.

Yo por ejemplo en el anterior e integrado una pequeña frase acabada en un Shortcode, pero puedes hacer a placer.

Shortcodes para WordPress

Como insertar emoticonos en WordPress

Al igual que en el caso anterior tenemos dos opciones para integrar emoticonos aunque en este caso el repertorio de estos es igual cuando instalas un plugin que cuando los copias.

Aunque te voy a mostrar los dos casos, yo prefiero en este en concreto copiarlos y de esta manera no tener tantos instalados.

Poner emojis sin plugins en WordPress

La web que uso para copiar emojis es emojicopy.com

Yo la uso por su simpleza y debido a que ya estoy acostumbrado, pero puedes usar otras diferentes ya que todas funcionan de manera similar.

Solo tendrás que:

  • Seleccionar el o los emojis que quieras
  • Copiarlos
  • Y pergarlos en tu WordPress

De esta manera simple tendrás los emojis que tu quieras.

Plugin para WordPress para poner emojis

Como opción integrada dentro de WordPress para insertar emojis tenemos native emojis.

Es de los plugins más simples de emojis, aunque si tienes la última versión de WordPress puede ser que no te funcione correctamente.

Por lo que te dejo una alternativa.

Extensión de emojis para Chrome

Como solución a este último problema te ofrezco la opción de instalar en el navegador una extensión para extraer emojis y colocarlos en tu web.

La extensiones es Emoji Keyboard by EmojiOne

Con ella siempre tendrás tus emojis cerca en tu escritorio.

Opinión sobre los iconos y emojis para WordPress

Los iconos y los emojis pueden dar un toque de distinción a nuestra web.

Haciendo que nuestra web o plantilla de WordPress luzca diferente y con un toque más personal.

Ahora solo te toca decidir que emojis o icono prefieres para tu web.

Si estas buscando dar un diseño más atractivo a tus web o tus artículos los emoticonos o iconos pueden dar el estilo que tanto buscas.

Hay diversas formas de agregar emoticos o iconos en WordPress, pero yo te voy a dar la clave de los que más funcionan.

Diferencia entre emoticos e iconos para WordPress

Primero vamos a diferenciar entre estos dos tipos de imágenes o símbolos.

Los iconos son signos que representan una idea o un concepto como puede ser el icono de la ubicación:

En cambio los emoticonos son inconos que representan emociones o estados de ánimo.

Aunque en ambos casos darán un estilo personalizado a nuestros post de WordPress.

Como insertar iconos en WordPress

Podemos insertar iconos en nuestro WordPress de dos maneras diferentes de insertar iconos:

  • Copia y Pega
  • A través de algún plugin

Primeramente vamos a ver la forma más sencilla que es a través de mítico copiar y pegar.

Para ello tendremos que irnos a la web piliapp

En esta web nos aparecerán diversos iconos que podremos copiar y pegar como estos:

Aunque ten en cuenta que esta web está bastante limitada en cuanto a iconos por lo que posiblemente te quedes corto con dichos iconos.

Por ello te dejo este plugin para instalar iconos en WordPress

Plugin para insertar iconos en WordPress

Ahora hablaremos de fontawesome.com y de su plugin para WordPress Better font Awesome.

Con este plugin podrás instalar iconos en cualquier versión de WordPress, ya ser en las versiones, 4.0 o en las versiones 5.0 o superiores con Gutenberg.

Para comenzar solo tendrás que seguir los siguientes pasos:

Instalar better font awesome.

Una vez que los instales (puedes hacerlo directamente desde WordPress) tendrás que activarlo.

Una vez que lo instales dirígete a una entrada para que puedas ver como funciona y como implementar los diversos iconos.

Aquí ten en cuenta tu versión de WordPress, ya que la implementación de los iconos en WordPress a partir de la 5.0 se ha visto modificada con Gutenberg.

Versión sin Gutenberg

Para insertar nuestros iconos favoritos solo tendremos que irnos alguna página de nuestra web, y en la parte superior nos saldrá la opción de seleccionar e insertar un icono.

Versión con Gutenberg

Posiblemente esta sea la que estes buscando si te has actualizado a la última versión de WordPress 5…. o has hecho una instalación limpia.

A diferencia de las versiones antiguas no podremos insertar los iconos desde un buscado como en la versiones anteriores.

Por lo que deberás hacerlo desde un Shortcode, aunque su implementación es bastante sencilla.

Para implementarlo solo deberás hacer lo siguiente:

Irte a la web de fontawesome.com, una vez dentro deberás buscar el icono que más te guste.

También puedes buscarlo a través de la barra de búsqueda.

Una vez seleccioado deberás copiar el nombre del icono..

Una vez dentro del editor de Gutenberg con clic derecho sobre un contenedor busca la opción de Shortcode e insertalo de esta manera.

Como insertar emoticonos en WordPress

Al igual que en el caso anterior tenemos dos opciones para integrar emoticonos aunque en este caso el repertorio de estos es igual cuando instalas un plugin que cuando los copias.

Aunque te voy a mostrar los dos casos, yo prefiero en este en concreto copiarlos y de esta manera no tener tantos instalados.

Poner emojis sin plugins en WordPress

La web que uso para copiar emojis es emojicopy.com

Yo la uso por su simpleza y debido a que ya estoy acostumbrado, pero puedes usar otras diferentes ya que todas funcionan de manera similar.

Solo tendrás que:

  • Seleccionar el o los emojis que quieras
  • Copiarlos
  • Y pergarlos en tu WordPress

De esta manera simple tendrás los emojis que tu quieras.

Plugin para WordPress para poner emojis

Como opción integrada dentro de WordPress para insertar emojis tenemos native emojis.

Es de los plugins más simples de emojis, aunque si tienes la última versión de WordPress puede ser que no te funcione correctamente.

Por lo que te dejo una alternativa.

Extensión de emojis para Chrome

Como solución a este último problema te ofrezco la opción de instalar en el navegador una extensión para extraer emojis y colocarlos en tu web.

La extensiones es Emoji Keyboard by EmojiOne

Con ella siempre tendrás tus emojis cerca en tu escritorio.

Opinión sobre los iconos y emojis para WordPress

Los iconos y los emojis pueden dar un toque de distinción a nuestra web.

Haciendo que nuestra web o plantilla de WordPress luzca diferente y con un toque más personal.

Ahora solo te toca decidir que emojis o icono prefieres para tu web.

Si estas buscando dar un diseño más atractivo a tus web o tus artículos los emoticonos o iconos pueden dar el estilo que tanto buscas.

Hay diversas formas de agregar emoticos o iconos en WordPress, pero yo te voy a dar la clave de los que más funcionan.

Diferencia entre emoticos e iconos para WordPress

Primero vamos a diferenciar entre estos dos tipos de imágenes.

Los iconos son signos que representan una idea o un concepto como puede ser el icono de la ubicación:

Los iconos son signos que representan una idea o un concepto como puede ser el icono de la ubicación:


Comparte este artículo
Scroll al inicio