Emojis en WordPress con Unicode

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

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.

¿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.