Home » Tutorials » How to Remove WordPress Emoji Codes
Disable Emojis 660x242

How to Remove WordPress Emoji Codes

Latest release of WordPress (Version 4.2) has added few lines of CSS and JavaScript to your head section and many of you want to remove it. Here we shared some quick and simple methods that how you can easily remove WordPress emoji codes from your head section.

There are two different methods of removing Emoji codes from your head section. One of them is simply used plugin and remove it and section one is doing it manually, so you can remove them by following your desired method.

1. Disable Emojis Using Plugin

This is one of the best way to disable emojis and we recommend this method for newbies to use it. simply used “Disable Emojis” plugin and disable them.

Disable-Emojis

2. Disable Emjois Without Plugin

if you don’t want to install plugin then you can also remove them by removing codes manually.

Here is a code WordPress provides for your web page.

<script type=”text/javascript”>
window._wpemojiSettings = {“baseUrl”:”http://s.w.org/images/core/emoji/72×72/”,”ext”:”.png”,”source”:{“concatemoji”:”http://127.0.0.1/HRIND/wp-includes/js/wp-emoji-release.min.js?ver=4.2.1″}};
!function(a,b,c){function d(a){var c=b.createElement(“canvas”),d=c.getContext&&c.getContext(“2d”);return d&&d.fillText?(d.textBaseline=”top”,d.font=”600 32px Arial”,”flag”===a?(d.fillText(String.fromCharCode(55356,56812,55356,56807),0,0),c.toDataURL().length>3e3):(d.fillText(String.fromCharCode(55357,56835),0,0),0!==d.getImageData(16,16,1,1).data[0])):!1}function e(a){var c=b.createElement(“script”);c.src=a,c.type=”text/javascript”,b.getElementsByTagName(“head”)[0].appendChild(c)}var f;c.supports={simple:d(“simple”),flag:d(“flag”)},c.supports.simple&&c.supports.flag||(f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type=”text/css”>
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>

Simply copy below code and add it to your WordPress theme (functions.php)

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

Now save your file and Enjoy.



About DesignsRock Editorial

Follow us on Facebook, Pinterest, or Twitter! Get latest update web design trends.

Check Also

Designing a Commercial Website

5 Things You Can’t Forget When Designing a Commercial Website

Nowadays, designing the perfect website may just be the most important thing you will do …

Leave a Reply

Your email address will not be published. Required fields are marked *