Adding Custom Smileys to WordPress Templates

WordPress comes with 22 default smileys that can be used in your post/page and comments section. Smileys, or also known as emoticons are glyphs to convey emotions in your writing. Here are some examples of smileys:


Complete list of smileys can be seen from the table below:


How to Enable or Disable Smileys

Smileys are turned on by default. However, if you decided to turn it off, you can do so from the settings page. Go to Settings > Writing.

wordpress smileys

Replacing Default Smileys

WordPress already has a filter to replace the default smileys to custom smileys.

1. Put the code below in the functions.php file of your current theme, or even better in functionality plugin.

add_filter('smilies_src','my_custom_smilies_src', 1, 10);
function my_custom_smilies_src($img_src, $img, $siteurl){
 return $siteurl.'/wp-content/images/smilies/'.$img;

2. Upload the images you want to be used and rename it to the same name (It should be in wp-content/images/smilies).

Use Custom Smileys

If you’re afraid of coding anything, there are bunch of plugins that will allow you to do so. However, I personally recommend Smilies Themer plugin. There are few packs or styles you can choose from.

If you wish to use it, I also recommend to install an add-on to the plugin, Smilies Themer Toolbar plugin. The add-on will add a toolbar to the comments section and in post editor, thus make it easier for you to use any of the custom smileys without having to remember the text.