WordPress Comment Box Emoji Plugin and Code Sharing (2020 New Version)

How to add smiley and other emoji icons to the WordPress comment box?Naiba added them via code many years ago. Now, after getting in touch with Foreign Trade Website Building, attention to the website comment section has become less. Since a newbie webmaster asked this question, Naiba summarizes for everyonethe WordPress comment box emoji plugins and code that are still usable.。

WP Comment Emoji Plugin

For beginners, modifying code to add emoji images is quite troublesome, so consider using these plugins; just install and activate them.

Emoji in comments

The Emoji in comments plugin is very simple. It can display a button in your comment box to insert emojis.Download Link

Kama WP Smiles

  The emoji icons of Kama WP Smiles are not as rich as the Emoji in comments introduced above, but the advantage is that you can control which emojis are displayed in the frontend comment area. A small trick is to replace the emoji icons in the plugin folder with your own favorite emoji images.Download Link

WordPress Aru Emoji Plugin

wp-alu is a plugin made by a Chinese developer. Download it from GitHub and upload it to use. It has no settings interface. If your Theme uses the comment_form, it works directly; if not, insert the code to call it yourself.

Similarly, you can consider replacing the image content yourself.Download Link

WordPress Comment Code Version

The code version essentially uses a similar method to the plugins, which is not very friendly for beginners. The following method is only suitable for friends with some coding foundation.Implementation method:1. Download the required files from belowDownload Link2. After extracting the downloaded compressed file, you will find three sets of emojis in three folders: smilies1, smilies2, and smilies3. Choose a set of emojis you like (or replace them with your own set of emoji icons), and rename the folder to 'smilies'. 3. Upload the entire modified 'smilies' folder to the 'images' folder under your website's theme directory (if there is no 'images' folder, create one yourself, as I'm afraid beginners might not know how to modify the code). 4. Upload the 'smiley.php' file from the compressed package to the website's theme directory. 5. Edit the theme's 'comments.php' file and add the following code at an appropriate location.

6. Add the following code to the theme's functions file.

//自定义表情路径
function custom_smilies_src($src, $img){return get_bloginfo('template_directory').'/images/smilies/' . $img;}
add_filter('smilies_src', 'custom_smilies_src', 10, 2);

Finally, the operation is complete. It can be seen that this method is much more cumbersome compared to using a plugin. Reference source for the code method:

1. Method for Adding Custom Comment Emoji Packs in WordPress (with Download Links for Three Sets of Emoji Packs)
2. WordPress Comment Emoji Optimization

If the above code doesn't work well, you can search online yourself; there are many articles about adding emoji icons to the WordPress comment box. However, overall, if a plugin can achieve the functionality, consider using a plugin directly. After all, there are very few discussions about technology in the domestic WP blogosphere nowadays, and many codes may be outdated and no longer effective.