• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar a la barra lateral principal

DecodeCMS

Tu WordPress a otro Nivel ...

  • Acerca de
  • Contacto
  • Inicio
  • Tutoriales
    • Themes
    • Plugins
    • Core
    • Recursos
  • Cursos
  • Acceder
    • Mis cursos
    • Mi Cuenta
    • Acceder
Inicio / Tutoriales / Recursos / Emojis en WordPress con Unicode

Emojis en WordPress con Unicode

Emoji en WordPress con Unicode

[ 4 enero 2018 ] [ Autor: Jhon Marreros Guzmán ][ Recursos - Básico] [ ]

herramientas

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Los Emojis (imagen letra) son ideogramas que han sido incorporados al estándar Unicode. Debido a su naturaleza de estándar, pueden ser usados en una variedad de aplicaciones. En este artículo sin embargo veremos cómo usar Emojis en WordPress.

 

Generalidades

Puesto que los Emojis son caracteres unicode estándar, simplemente bastaría con buscar el caracter, copiarlo y pegarlo en el lugar deseado, sin embargo algunos sistemas operativos incluyen aplicaciones que facilitan el uso de Emojis.

  • Para sistemas operativos móviles, no tendrás problemas ya que lo incluyen como parte de su teclado táctil.
  • En versiones actuales del sistema operativo OSX tienes una aplicación global que te permite insertar emojis, puedes abrir esta aplicación con: control + cmd + espacio.
  • En el caso de Windows 10 puedes insertar emojis a través de la aplicación de teclado táctil.
  • Para el caso de linux puedes hacerlo instalando una aplicación adicional.

 

En la siguiente imagen se muestra la pantalla de emojis que aparece en mac.

Pantalla para insertar emojis en mac

 

¿Puedo usar Emojis como iconos?, si, pero con limitaciones de personalización y limitaciones en el tipo de iconos disponibles. Existen soluciones más especializadas de iconos a través de Fuentes de Iconos como FontAwesome o DashIcons que incluyen iconos de aplicación, redes sociales, etc.

 

Funcionalidad de Emojis en WordPress

Desde la versión 4.2 WordPress incluyó la funcionalidad de Emojis a través de código adicional, por compatibilidad aún se sigue conservando este código en versiones actuales de WordPress ( a la fecha la versión 4.9) . Sin embargo si no deseas tener este código y usar de manera directa los carateres de Emojis standard de unicode, puedes evaluar desactivar la funcionalidad de Emojis de WordPress.

Para desactivar la funcionalidad de Emojis que viene por defecto con WordPress puedes usar el siguiente código al final de tu archivo functions.php de tu theme:


function disable_emojicons_tinymce( $plugins ) {
  if ( is_array( $plugins ) )
    return array_diff( $plugins, array( 'wpemoji' ) );
  else
    return array();
}

function disable_wp_emojicons() {

  remove_action( 'admin_print_styles', 'print_emoji_styles' );
  remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
  remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
  remove_action( 'wp_print_styles', 'print_emoji_styles' );
  remove_filter( 'wp_mail', 'wp_staticize_emoji_for_email' );
  remove_filter( 'the_content_feed', 'wp_staticize_emoji' );
  remove_filter( 'comment_text_rss', 'wp_staticize_emoji' );

  add_filter( 'tiny_mce_plugins', 'disable_emojicons_tinymce' );
}

add_action( 'init', 'disable_wp_emojicons' );

Al desactivar el código que tiene WordPress para usar Emojis tienes la ventaja de que tu sitio web cargará más rápido, tal como se comenta en el siguiente artículo: Desactivar Emojis en WordPress
Puedes desactivar también el código de Emojis que tiene WordPress por defecto de manera más sencilla a través de un plugin como: Disable Emojis

 

Funcionalidad de Emoticonos o Smileys en WordPress

Los Emojis no son Emoticones, los Emojis son más recientes y representados por caracteres unicode, a diferencia de los Emoticones que en WordPress reemplazan cierta secuencia de caracteres ascii por imágenes, por ejemplo “:)” por 🙂

Anteriormente este reemplazo de caracteres era por una imagen .png, sin embargo ahora se reemplaza por un caracter unicode, es decir al colocar un Emoticono será reemplazado por un caracter unicode de Emoji.

Si quieres que WordPress no tenga la funcionalidad de Emoticonos, puedes desactivarla usando el siguiente código al final de tu archivo functions.php de tu theme:


add_filter( 'option_use_smilies', '__return_false' );

Puedes evaluar también usar un plugin para quitar la funcionalidad de Emoticonos, por ejemplo: Keep Emoticons as Text

 

Copiando y pegando Emojis

Luego de desactivar el código de compatibilidad de Emojis de WordPress y la funcionalidad de Emoticones, aún puedes seguir usando Emojis si usas directamente el caracter unicode.

Para insertar el Emoji puedes usar las aplicaciones del Sistema Operativo (como vimos anteriormente en Generalidades) o puedes usar por ejemplo los Emojis listados en: Unicode.org, usar la columna de Browser, seleccionar el caracter deseado y luego copiar y pegar en tu editor de WordPress, tal como se muestra en la siguiente imagen.

Copiar y Pegar Emoji desde Unicode.org

 
Al pegar el código verás algo similar a la siguiente imagen:

Pegar Emoji en editor WordPress

 

El Emoji se verá del mismo modo, tanto en modo diseño como en modo código HTML del editor WordPress.

 
¿Aún con dudas?, en el siguiente video se explica los puntos tratados anteriormente.

 

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Artículos Relacionados

  • CRUD en WordPress sin pluginsCRUD en WordPress sin plugins
  • Cómo eliminar todos los productos de WooCommerceCómo eliminar todos los productos de WooCommerce
  • Agrupar los resultados de búsqueda en WordPressAgrupar los resultados de búsqueda en WordPress
  • tipos de complementos de WordPress5 tipos de complementos de WordPress
Valora este artículo : 1 barra2 barras3 barras4 barras5 barras (4 votos, promedio: 4,00 de 5)
Cargando...

Interacciones con los lectores

Comentarios

  1. RULA

    25 abril, 2020

    Muy buena aportación…muchas gracias.

  2. AUDITORIA SEO

    3 septiembre, 2020

    Muy buena aportación y mil gracias por los emojis… los emojis también ayudan mucho al posicionamiento SEO y mejoran el CTR.
    Copio y pego y a posicionar.
    De nuevo gracias y gran aportación.

    • Jhon Marreros Guzmán

      3 septiembre, 2020

      😎, sí, efectivamente, tiene sus ventajas usar emojis.

Para escribir código envolver con: <pre class="language-xxx"><code> </code></pre> ,reemplaza las xxx (php, css, html)

*

* Gravatar habilitado

Barra lateral principal

Presentación

Curso Decodifica WordPress

Únete a DecodeCMS

Recibirás como regalo:

Guia práctica con video:
¿Quieres agregar código a WordPress? Revisa las diferentes opciones que tienes.Ver más

Jooble
Alojamiento Wordpress

Niveles

Básico Intermedio Avanzado

Etiquetas

accesibilidad css dashboard editor error funcionalidad herramientas imagen js librería mejoras optimización seguridad social woocommerce

Populares

Personalizar la página de error 404 en WordPress

Personalizar plantilla para una categoría específica en Woocommerce

Barra inferior fija para móviles en WordPress

Posts relacionados sin plugins en WordPress

© logo decode pie
Política de Privacidad | Política de devoluciones
Copyrigth 2023 Todos los derechos reservados