Emoticons in WordPress

Nieuwe WordPress installaties zetten automatisch smily-gerelateerde tekst om in emoticons. :) wordt een lachend gezichtje enzovoort. Veel mensen kennen deze functie niet, waarom zou je je blog laten vervuilen met extra code en tekst als je deze functie niet gebruikt?

Emoticons verwijderen

Gebruikt u, net als wij bij Webstijlen, de emoticon functie niet van WordPress? Verwijder de toevoeging met de volgende 2 stappen:

Stap 1: Emoji’s uitschakelen via de instellingen van WordPress

Bekijk je liever de video?

  1. Inloggen in het dashboard
  2. Ga naar -> Instellingen
  3. Klik op -> Schrijven
  4. Bekijk de alinea -> Formateringen
  5. Vink uit -> Emoticons als :-) en :-P omzetten naar afbeeldingen

Stap 2: javascript code toevoegen aan functions.php
// Verwijderen van wp_emoji's
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' );

Hoe weet ik nu of de emoticon code niet meer geladen wordt?

  1. Bekijk je website homepage.
  2. Ga naar je broncode (is in elke browser anders)
    • Dit kan in Google Chrome via rechtermuisknop -> Paginabron weergeven
  3. Scroll iets naar beneden en kijk of dit stuk code (nog) aanwezig is

window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/72x72\/",
"ext":".png","source":{"concatemoji":"https:\/\/www.domein.nl
\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.5.3"}};
!function(a,b,c){function d(a){var c,d,e,f=b.createElement("canvas"),
g=f.getContext&&f.getContext("2d"),h=String.
fromCharCode;if(!g||!g.fillText)return!1;switch(g.textBaseline="top"
,g.font="600 32px Arial",a){case"flag":return g.fillText(h(55356
,56806,55356,56826),0,0),f.toDataURL().length>3e3;
case"diversity":return g.fillText(h(55356,57221),0,0)
,c=g.getImageData(16,16,1,1).data,d=c[0]+","+c[1]+","+c[2]+",
"+c[3],g.fillText(h(55356,57221,55356,57343),0,0),
c=g.getImageData(16,16,1,1).data,e=c[0]+","+c[1]+","+c[2]
+","+c[3],d!==e;case"simple":return g.fillText(h(55357,56835),0,0)
,0!==g.getImageData(16,16,1,1).data[0];case"unicode8":return
g.fillText(h(55356,57135),0,0),0!==g.getImageData(16,16,1,1)
.data[0]}return!1}function e(a){var c=b.createElement("script");
c.src=a,c.type="text/javascript",b.getElementsByTagName("head")
[0].appendChild(c)}var f,g,h,i;for(i=Array("simple","flag"
,"unicode8","diversity"),c.supports={everything:!0,everythingExceptFlag:!0}
,h=0;h<i.length;h++)c.supports[i[h]]=d(i[h]),c.supports.everything
=c.supports.everything&&c.supports[i[h]],
"flag"!==i[h]&&(c.supports.everythingExceptFlag=c.supports.
everythingExceptFlag&&amp;c.supports[i[h]]);c.supports
.everythingExceptFlag=c.supports
.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,
c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||
(g=function(){c.readyCallback()},b.addEventListener?(b.
addEventListener("DOMContentLoaded",g,!1),a.addEventListener
("load",g,!1)):(a.attachEvent("onload",g),b.attachEvent("onreadystatechange"
,function(){"complete"===b.readyState&&c.readyCallback()}))
,f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&
f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document
,window._wpemojiSettings);

Gefeliciteerd!

De overbodige javascript en css-code zal niet meer geladen worden op je website. Geniet van een website waarop 1 bestand (request) minder geladen wordt en er worden nu minder functies aangeroepen in PHP (hoe minder functies, hoe sneller de website)

Benieuwd naar nog meer verbeteringen?

Toch niet gelukt?

Ik ben niet zo technisch, maar wil wel graag een snellere website. Als klant bij Webstijlen hoeft u zich niet bezig te houden met deze technische verbeteringen. U kan zich focussen op uw website, de Webstijlen-all-in-one plugin doet de rest. Mocht u de emoticons toch gebruiken kan u met enkele muisklikken de verbetering terugdraaien.

De Webstijlen-all-in-one plugin en de dagelijkse aanpassingen aan ons hostingplatform dragen bij aan ons motto voor een veilige en snelle WordPress omgeving.

Steve Jobs
Volgende bericht