Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment désactiver les émojis sur WordPress (étape par étape)

Les émojis sont de petites icônes utilisées pour exprimer des sentiments ou des émotions. WordPress charge des CSS supplémentaires et un fichier JavaScript pour ajouter le support des émojis.

Cependant, certains utilisateurs/utilisatrices peuvent vouloir désactiver les émojis dans WordPress pour améliorer les performances du site en réduisant le code inutile, en particulier si votre site a un design professionnel ou minimaliste.

Dans cet article, nous allons vous afficher comment désactiver facilement les émojis sur WordPress, étape par étape. Nous couvrirons diverses méthodes comme l’utilisation d’un plugin et l’ajout de code personnalisé pour vous donner des options flexibles qui répondent à vos besoins.

How to disable emojis in WordPress 4.2

Que sont les émojis ?

Lesémojis sont les minuscules icônes ou smileys utilisés sur l’internet.

Originaires du Japon, les émojis ont fait leur chemin dans le jeu de caractères Unicode et sont désormais supportés par les ordinateurs de bureau ainsi que par les appareils mobiles iOS et Android.

Cette fonctionnalité a été ajoutée pour la première fois dans la version 4.2 de WordPress, principalement pour assurer le support des jeux de caractères chinois, japonais et coréens.

Emojis example

Par défaut, votre site WordPress charge un fichier JavaScript supplémentaire et quelques feuilles de style CSS pour ajouter le support des émoji.

Vous pouvez le voir en consultant le code source de votre site ou en utilisant l’outil Inspect.

Emoji JavaScript in WordPress

Cependant, certains propriétaires de sites peuvent vouloir désactiver ce support supplémentaire des émoji pour augmenter la vitesse de chargement et les performances de WordPress en ne téléchargeant pas de code et de scripts supplémentaires.

Note : Lorsque nous disons désactiver les émojis dans WordPress, nous voulons dire désactiver les vérifications et les scripts supplémentaires utilisés par WordPress pour gérer les émojis. Vous pouvez toujours utiliser des émojis sur votre site, et les navigateurs qui les supportent pourront toujours les afficher.

Cela dit, voyons comment désactiver facilement le support des émoji dans WordPress.

Méthode 1. Désactiver les émojis dans WordPress à l’aide d’un code

Pour cette méthode, nous allons utiliser un extrait de code personnalisé pour désactiver le support des émoji dans WordPress.

Vous pouvez ajouter cet extrait de code au fichier functions.php de votre thème WordPress ou à une extension spécifique à votre site. Cependant, une minuscule erreur dans le code pourrait facilement casser votre site et le rendre inaccessible.

Pour éviter cela, nous vous recommandons d’utiliser WPCode. C’est le meilleur plugin d’extraits de code WordPress sur le marché qui offre le moyen le plus sûr d’ajouter du code personnalisé à votre site sans le casser.

Tout d’abord, vous devez installer et activer l’extension WPCode. Pour plus d’instructions, consultez notre guide du débutant sur l’installation d’une extension WordPress.

Après l’activation, visitez la page Code Snippets  » + Add Snippet à partir du tableau de bord WordPress. De là, accédez à l’option  » Ajouter votre code personnalisé (nouvel extrait)  » et cliquez sur le bouton  » Utiliser l’extrait « .

Add new snippet

Vous accéderez à la page « Créer un extrait personnalisé », où vous pourrez commencer par saisir un nom pour votre extrait de code. Il peut s’agir de n’importe quel nom.

Sélectionnez ensuite « PHP Sélectionné » comme « Type de code » dans le menu déroulant situé dans le coin droit de l’écran.

Type a name for your code snippet and choose PHP as code type

Il ne vous reste plus qu’à copier et coller le code suivant dans la case « Prévisualisation du code » :

/**
 * Disable the emoji's
 */
function disable_emojis() {
 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_action( 'admin_print_styles', 'print_emoji_styles' ); 
 remove_filter( 'the_content_feed', 'wp_staticize_emoji' );
 remove_filter( 'comment_text_rss', 'wp_staticize_emoji' ); 
 remove_filter( 'wp_mail', 'wp_staticize_emoji_for_email' );
 add_filter( 'tiny_mce_plugins', 'disable_emojis_tinymce' );
 add_filter( 'wp_resource_hints', 'disable_emojis_remove_dns_prefetch', 10, 2 );
}
add_action( 'init', 'disable_emojis' );

/**
 * Filter function used to remove the tinymce emoji plugin.
 * 
 * @param array $plugins 
 * @return array Difference betwen the two arrays
 */
function disable_emojis_tinymce( $plugins ) {
 if ( is_array( $plugins ) ) {
 return array_diff( $plugins, array( 'wpemoji' ) );
 } else {
 return array();
 }
}

/**
 * Remove emoji CDN hostname from DNS prefetching hints.
 *
 * @param array $urls URLs to print for resource hints.
 * @param string $relation_type The relation type the URLs are printed for.
 * @return array Difference betwen the two arrays.
 */
function disable_emojis_remove_dns_prefetch( $urls, $relation_type ) {
 if ( 'dns-prefetch' == $relation_type ) {
 /** This filter is documented in wp-includes/formatting.php */
 $emoji_svg_url = apply_filters( 'emoji_svg_url', 'https://s.w.org/images/core/emoji/2/svg/' );

$urls = array_diff( $urls, array( $emoji_svg_url ) );
 }

return $urls;
}

Ensuite, défilez jusqu’à la section « Insertion » et sélectionnez le mode « Insertion automatique ».

Le code sera maintenant exécuté automatiquement sur votre site dès qu’il sera activé.

Choose an insertion method

Ensuite, revenez en haut et permutez le commutateur de droite de « Inactif » à « Actif ».

Enfin, cliquez sur le bouton « Enregistrer l’extrait » pour stocker vos modifications.

Click the Save Snippet button to save changes

C’est tout, vous avez bien désactivé les émojis dans WordPress.

Méthode 2. Désactiver les émojis sur WordPress à l’aide d’une extension

Si vous ne souhaitez pas ajouter de code à votre site, cette méthode est faite pour vous.

Tout d’abord, vous devez installer et activer l’extension Désactiver les émojis. Consultez notre guide sur l ‘installation d’une extension WordPress pour plus d’instructions.

L’extension est prête à l’emploi et il n’y a aucun réglage à effectuer.

Une fois activé, il désactivera automatiquement le support des émoji de votre site WordPress, ce qui améliorera la vitesse de chargement des pages.

Bonus : Ajoutez des boutons de réaction à vos publications WordPress

Même après avoir désactivé le support des émoji, vous souhaiterez peut-être permettre aux utilisateurs/utilisatrices de réagir à vos publications et de partager leurs opinions grâce aux boutons de réaction.

Ces boutons peuvent stimuler l’engagement sur votre blog WordPress et augmenter l’interaction avec les comptes.

Pour ce faire, vous devez installer et activer l’extension Da Reactions. Pour plus de détails, consultez notre guide du débutant sur l’installation d’une extension WordPress.

Une fois activé, visitez la page Reactions  » Reactions manager depuis votre Tableau de bord WordPress. Vous y trouverez les 6 émojis de réaction par défaut avec leurs libellés personnalisables.

Editing Da Reactions' labels

Vous pouvez désormais modifier l’ordre des boutons, leur assigner des libellés, modifier la couleur des émoji, supprimer un émoji, etc.

Vous pouvez même ajouter d’autres émojis de votre choix en cliquant sur le bouton  » Ajouter une nouvelle  » à la fin. L’extension ajoutera alors une icône de réaction aléatoire à la liste.

Ensuite, cliquez sur cette icône pour ouvrir le panneau des options. À partir de là, vous pouvez maintenant choisir un nouvel émoji de votre choix.

Adding new reaction button in Da Reactions

Une fois que vous avez terminé, il vous suffit de cliquer sur le bouton « Enregistrer les modifications » pour stocker vos réglages.

Maintenant, visitez votre site WordPress pour voir les boutons de réaction en action. En savoir plus, consultez notre tutoriel sur l ‘ajout de boutons de réaction WordPress pour stimuler l’engagement.

Customized Da Reactions buttons on a live website

Nous espérons que cet article vous a aidé à apprendre comment désactiver les émojis sur votre site WordPress. Vous pouvez également consulter notre guide étape par étape sur la façon d’ajouter un effet parallaxe à n’importe quel thème WordPress et notre top des meilleurs plugins de constructeur de page pour personnaliser votre site.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

27 commentairesLaisser une réponse

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk

    At first, I tended to disable emojis on my website. Since I’ve been using AIO SEO, I actually use emojis in SEO because it’s interesting to see how a title in SERP can grab more attention at first glance with emojis. I recommend trying emojis this way. You can actually impact organic traffic quite interestingly.

  3. Ivan Culic

    Removing emojis served by Wordpress is a sound decision performance wise. However, if you want to get rid of all emojis due to design inconsistencies, using the plugin discussed or extending your functions-file is just part of the equation. People will still be able to use Emoji characters. Whether these are displayed properly depends on native support. The only solution is to use a regular expression matching the Unicode emoji list and then replace them with your own for a unified look (isn’t Wordpress trying to do that?) or remove them from the string altogether. Emojis have changed the way we communicate, love them ❤️ or hate them

  4. mayasl

    I would say find some codes to remove the emoji, rather than installing another plugin which is another load.

  5. Harshadewa

    Not sure if Mark missed few parts in that code. This code worked for me (there are two additional lines). You should add it to your « theme » functions.php

    // REMOVE WP EMOJI
    remove_action(‘wp_head’, ‘print_emoji_detection_script’, 7);
    remove_action(‘wp_print_styles’, ‘print_emoji_styles’);

    remove_action( ‘admin_print_scripts’, ‘print_emoji_detection_script’ );
    remove_action( ‘admin_print_styles’, ‘print_emoji_styles’ );

    Thanks

    • saeko

      This code does not succeed in my website theme. How do I delete emoji on this website >

    • Matt

      Change the quotation marks to proper ones and it should work.

  6. Serge

    I Have customers complaining about emoji icons showing instead of navigation buttons. It happens when they view pictures using a light-box.

  7. Therese

    I was experiencing slow admin panel loading times with 4.2 update. Installed this and it went away! Yay! How frustrating!

  8. Michael A Terndrup

    Another great article you guys are inspiring me to write the same for my website

  9. Mikael Andersen

    A correction to my first comment. I meant the discussion below.

  10. Mikael Andersen

    Thank you

    I have not even thought that it could slow down websites in WordPress.

    A question to the above discussion. Does the plugin just contain the code suggested from Mark, and nothing else.

  11. Joel Libava

    Thanks for that info…I have to tell you though, the biggest issue with latest wp is the anchor text link editor. What did the developers do? And, why?

    The Franchise King®

    • WPBeginner Support

      We agree that it was a surprising change that has had many publishers worried. There are plugins in work to resolve this issue. However, core is not going to go back to link title.

      Administrateur

  12. Mark

    Isn’t it best to disable it by adding the following to functions.php rather than having yet another plugin:

    remove_action( ‘wp_head’, ‘print_emoji_detection_script’, 7 );
    remove_action( ‘wp_print_styles’, ‘print_emoji_styles’ );

    • Editorial Staff

      The plugin does just that. Not all plugins slow down your site, and it’s easier for beginners to add the plugins vs code.

      There is no difference between using the plugin or pasting the code (performance wise). Functions.php file is one giant plugin :)

      Administrateur

      • Denver Prophit Jr.

        What was the page load increase speed in milliseconds to render Emojis?

    • Lina

      Exactly what I was thinking while reading the article: « What? Install another plugin?  »
      Great suggestion Mark!

    • Arthur Rosa

      WordPress is all about plugins, not codes!

    • Denver Prophit Jr.

      Thanks for the tip, Mark!

    • Antony

      Yep agree with Mark. It is wpbeginner though..

    • Johan

      Thanks Mark! Just what I was looking for. This should really be added to the article! Not really feeling like cluttering up my install with another plugin just to remove something so small.

  13. Chad Williams

    So to disable emojis you suggest installing a plugin that adds back an additional file to do so? I’m sure there’s a better way to do this via functions.php.

    • WPBeginner Support

      It actually stops WordPress from adding emoji related http requests for javascript and stylesheets.

      Administrateur

    • Rob

      I agree, adding a plugin to remove a WordPress function seems overkill. Place the following in your functions.php file:

      remove_action( ‘wp_head’, ‘print_emoji_detection_script’, 7 );
      remove_action( ‘wp_print_styles’, ‘print_emoji_styles’ );

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.