Beginner's Guide for WordPress / Start your WordPress Blog in minutes

How to Add Emoji Support to Your WordPress Blog

Emojis are fun and cute. They allow you to express yourself without using too many words. This is why they’re so popular on social media sites and texting apps. Many WordPress users are looking for ways to add Emoji support to their WordPress site. In this article, we will show you how to add Emoji support to your WordPress blog using WP Emoji One.

Video Tutorial

Subscribe to WPBeginner

If you don’t like the video or need more instructions, then continue reading.

First thing you need to do is install and activate the WP Emoji One plugin. Upon activation, visit Settings » WP Emoji One to configure the plugin settings.

Settings page for WP Emoji One

This plugin adds a button to the default WordPress visual editor. The first option on the settings page is to select which row do you want the button to appear. It’s selected to be in the first row by default, but you can change that if you want the button to appear on another row. After that simply click on the Save Changes button to store your settings.

To see the Emojis in action, simply create a new post or edit an existing one. You should see a new Emoji button in your WordPress visual editor. If you do not see a button, then you are probably using the text editor.

Emoji button in WordPress visual editor

Clicking on the button will bring up a popup window where you can select the Emoji you want to insert by simply clicking on it. You can also select from the available sizes 16, 18, 24, 32, and 64px.

Emoji icons popup

Currently there are over 840 emoticons available for you to use. These emoticons are sorted into four categories, and each category has its own tab. You can switch between them by clicking on the category icon.

Switch between emoji icon by clicking on category tabs

The icon set and emoji support is based on the Emoji One open source project. The aim of the project is to provide a universal set of emoji icons to be used in modern web and mobile apps.

At the time of writing this article, WP Emoji One did not support Emoji icons in WordPress comments. However, the plugin author plans to add this feature in the future release.

We hope this article helped you add emoji support to your WordPress site. WordPress also comes with good old fashioned emoticons. You can enable them by visiting Settings » Writing and checking the box next to ‘Convert emoticons’ which will allow you to create basic emoticons like :-)

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Google+.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit – a collection of WordPress related products and resources that every professional should have!

Reader Interactions

4 CommentsLeave a Reply

  1. I took your amazing advice and installed the plugin. I added little smiley faces in my about me page. And they are not working right. They are only showing up big. And I want them smaller.

    Do you know how I could fix this.

    The page they are on is:

    Thank you,

    Katie :)

  2. Terrific! I will definitely be using these ヽ(^。^)丿 So far I’ve been using gifs as my ’emoticons’, but even these small images throw out my line spacing completely.

  3. Very nice post, thanks.
    I have never used the emoticons in my blog, and I won’t be using Emoji either, but that’s because of the nature of my blog.
    But on the right blog, I can see them as an asset.

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.