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.
3. 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.
Here 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.
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
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.
Latest posts by Kantiman Bajracharya (see all)
- What are Different WordPress Theme Licensing Terms? - December 21, 2017
- 4 Tips to Optimize Your WordPress for Social Media Share - November 30, 2017
- What is WordPress? Is WordPress Free? Why is WordPress so popular? - November 22, 2017