Disable Emojicons on Your WordPress Site

A Emoticons is a short sequence of keyboard letters and symbols which represents a facial expression such as : -) is the representation of a smile, ; -) is a smile with a wink. Emoticons are successful methods of conveying the sender’s feelings and tones in the text based communications over internet. This article shows how you can disable Emojicons on your WordPress site.

Disable Emojicons on Your WordPress Site

Emojicons are successors of Emoticons or smilies or Emoticon icons. The term “emoji” translates as “picture letter” from Japanese. Emojicons and emoticons can look similar but they are technically different. Emoji are a newer advance versions and have a much wider range of images and pictorial symbols whereas emoticons have limited set of icons and are generally text-based. Emoji were originated in Japan on mobile devices. Emoji are now commonly available on devices worldwide, ranging from mobile to desktop computers. There are wide range of hundreds of emoji, which can be people (👫, 💁), vehicles (🚕), food (🍔), plants and animals (🐱, 🐴, 🌹) , objects (🎥, 🎃), standard “smileys”, (e.g. 😃 or 😢) and more.

Disable Emojicons on Your WordPress Site

After WordPress Versions 4.2, WordPress is capable of storing 4-bit Unicode characters in the database which includes emoji too. Large group of general users enjoy using emoji.

However, there are a few reasons to disable emoji support in WordPress which are:

  • To display emoji, WordPress loads a additional script wp-emoji-release-min.js. If you do not use emoji, there is no point in keeping this extra code.
  • A lot of business owner simply don’t need emoji.
  • Extra script and style implemented by Emoji feature on every WordPress page can slightly slow down your site.

The extra codes that is being added to header section of every WordPress page to support this new Emoji feature looks something like this:

Disable Emojicons on Your WordPress Site

If you visit the source code of your website, you can find this code by yourself  somewhere in the header. If you are attempting to make your website load faster by trying to keep page weight to minimum, then the extra task of removing emoji support is added to your to do list. The good news is it is very easy to disable this feature. Here are few method that you can follow:

Method 1: Using WordPress Hook

You can add a few lines in functions.php file of theme folder to prevent the Emoji support script from generating in the WordPress pages. You can get access of functions.php file from the File Manager section of your hosting control panel  or you can use FTP Program. However the easiest way to get access of Functions.php file is from your WordPress Dashboard.

1. Login to your admin dashboard.

2. Go to Appearance >> Editor

Disable Emojicons on Your WordPress Site

3. This opens Editor’s page . Navigate to templates folder in the right and open PHP file

Disable Emojicons on Your WordPress Site

4. In the functions.php file, copy and paste the following codes.

/**
 * Remove emoji support.
 */
function grd_remove_emoji() {
	remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
	remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
	remove_action( 'admin_print_styles', 'print_emoji_styles' );
	remove_action( 'wp_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' );
	// Remove from TinyMCE
	add_filter( 'tiny_mce_plugins', 'grd_remove_tinymce_emoji' );
}
add_action( 'init', 'grd_remove_emoji' );
/**
 * Filter out the tinymce emoji plugin.
 */
function grd_remove_tinymce_emoji( $plugins ) {
	if ( ! is_array( $plugins ) ) {
		return array();
	}
	return array_diff( $plugins, array( 'wpemoji' ) );
}

5. Now save the changes to the file. Refresh your website and take a look at the site’s source code once again. The code for the Emoji that was previously in the head section should now have been removed.

Also Read:   Follow These 5 Simple Tips to Improve Your Web Development Skills

If you are using any cache plugin like W3 Total Cache or WP Super Cache, then you will need to clear the cache once.

Method 2: Using plugins

1. Classic Smilies

The plugin replaces the new fancy Emoji feature of WordPress with the classic smilies by disabling the extra script. It brings the old smilies back.

Disable Emojicons on Your WordPress Site

There is no extra settings and options to be configured. Just install the plugin from the Add Plugin section of WordPress and it starts doing its work automatically.

2. Disable Emojis

It removes the new emoji functionality of WordPress. This plugin simply removes the extra code to support emoji in emails, in RSS feeds, and an additional inline CSS style.

Disable Emojicons on Your WordPress Site

You can easily find the plugin in the Add Plugin section of WordPress. After installation the plugin starts working automatically. It is easy to use since there are no any settings to be configured.

Note: Disabling emoji only disables the extra checks and scripts used by WordPress to handle emojis. However you can still add and see Emoji manually on your site regardless of what plugin you use but the advance emoji character will be gone.

That’s all. With the help of these methods Emoji support can be completely disabled from your WordPress website.

The following two tabs change content below.
Kantiman Bajracharya

Kantiman Bajracharya

Kantiman Bajracharya is a freelance web developer. He is a computer geek who has a Bachelor’s degree in Computer Engineering. He has earned lots of satisfied customers while working for numerous successful projects. He is also a WordPress theme creator and web article writer. On free time he likes reading philosophy books, traveling and playing chess.

Share This Post