How to Add Custom Emoticons in WordPress

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. Emojicons are successors of Emoticons or smilies with wider range of images and pictorial symbols. If you want to disable smilies, check out our guide on “How to disable Emojicons on your WordPress site”. WordPress also has a good documentation about basic smilies and their uses. This article shows how to add custom emoticons in WordPress.

Customizing emoticons means changing the behavior and nature of emoticons symbols. We can add our own new symbols or edit the previously present emoticons to show different icon. This article will teach you to add custom emoticons to WordPress which you can use in your blog.

How to Add Custom Emoticons in WordPress

We will cover two methods for adding smilies in WordPress, first manually and second using plugins. Both ways are simple and hope you can easily follow along.

Manually Adding Custom Emoticons to WordPress

In this method, first you have to add the custom smilies image or icon in the WordPress smilies folderthat you want to use and then provide a unique name to the custom smilies using the new set of text-representation. You can also change the previously used text-representation to display different smilies.

To upload your smilies to WordPress smiley folder follow the follow the following steps:

1. You need to get access to the WordPress files. You can login to your hosting control panel or use FTP like FileZilla. In the WordPress files go to wp-include that is present in WordPress root folder.
2. In wp-include, look for images folder. Inside images folder you can see smilies sub-folder as shown in picture.
How to Add Custom Emoticons in WordPress3. Upload your new smiliey files into this folder.
It is better to use .GIF, .JPG or .PNG files only for the smilies. The name of the new smilies file should not match with the existing smiliey files.

Giving a unique textual representation for each custom smilies:

Follow these steps to name your custom smilies.

1. From the WordPress root file structure find folder name wp-includes. Inside the folder find the functions file called functions.php.
2. Functions file contains the list of various functions among which find function name smilies_init(). Note: if you find it difficult to search the function. Type ctrl+F to use the find feature.
3. Inside the function in the array variable $wpsmiliestrans you can see list of all the standard WordPress smilies and their respective textual representations.
How to Add Custom Emoticons in WordPressHere inside the array, on the left side of the arrow are the variables and on the right side are the values. The textual representation of the smiley is written is left side and name of the smiley pictures are written on the right side.
4. On the end of the variable list add your own custom smiley in the similar fashion giving unique name. Here i have added the textual symbol ‘(0=0)’ which will display the image name cat-smile.jpg.
How to Add Custom Emoticons in WordPress

Also Read:   How to Add Google Search in WordPress? Here's Step by Step Guide

5. Finally save the changes. Now you can use the textual code in the posts or blogs which will output custom emoticons in the frontend.
How to Add Custom Emoticons in WordPress

Using Plugin to Add Custom Smilies in WordPress

There is a classic plugin called custom smilies that can help you create custom smilies. Although the plugin has not been updated for long long time it still works. Here are the steps you can follow to use the plugin

1. First of all upload your smilies image to WordPress smiliey folder using the steps mentioned above
2. Install and activate the Custom smilies plugin from WordPress plugin repository by going to plugins > Add New

3. Go to Settings > Smilies.

4. On the Manage Smilies page, customize the smilies according to your need as shown below, How to Add Custom Emoticons in WordPress

After clicking the update bottom you can the customized smilies in your blog and post. Now with the help of article you should be able to create your own customized smiley without the help of plugin as well as with the plugin.



The following two tabs change content below.

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