{"id":4568,"date":"2020-02-27T15:00:47","date_gmt":"2020-02-27T14:00:47","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=4568"},"modified":"2020-08-25T00:09:46","modified_gmt":"2020-08-24T22:09:46","slug":"add-emojis-to-wordpress","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/add-emojis-to-wordpress\/","title":{"rendered":"How to Add Emojis to WordPress"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]Back in 2015, language pedants worldwide were shaken to their core when Oxford Dictionaries declared the word of the year to be \u2014 an emoji. The choice raised quite a ruckus for several reasons, including the fact that emojis aren\u2019t exactly words. And it didn\u2019t matter that <a href=\"https:\/\/languages.oup.com\/word-of-the-year\/2015\/\" target=\"_blank\" rel=\"noopener noreferrer\">Oxford University Press\u2019 announcement<\/a> made it clear that they were well aware of the status of emojis \u2014 the news was met with both approvals of the choice and its denouncements.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]But the one thing that no one can deny is that emojis are useful and widely used. These small pictures are capable of giving context to forms of communication that lack non-verbal cues and are known for speed and brevity. That might be the reason why every day, roughly a billion of emojis are sent through Facebook messenger alone. It\u2019s also at least one of the reasons why you\u2019re looking for ways to add emojis to WordPress. [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The good news is that, ever since the 2015 Bud Powell update (<a href=\"https:\/\/wordpress.org\/support\/wordpress-version\/version-4-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress version 4.2<\/a>), <strong>WordPress has been supporting emojis natively<\/strong>. That means that <strong>WordPress can display a variety of emojis without any additional support from plugins<\/strong>. However, that doesn\u2019t mean that emoji plugins can\u2019t make entering the ideograms into pages or posts easier, even though they might not be your first choice. If you\u2019re wondering about the ways to add emojis to WordPress, here are your options.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Copy Emojis From a Third-Party Source<\/h2>\n<p>[\/vc_column_text][vc_column_text]The easiest way to add emoji to your WordPress website is to copy them from an emoji library. <a href=\"https:\/\/emojipedia.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Emojipedia<\/a> is as good as source as any \u2014 it even comes with its own \u201ccopy\u201d button to make copying the emoji as convenient as possible.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"378\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/02\/Copy-Emojis-From-a-Third-Party-Source.jpg\" class=\"attachment-full size-full\" alt=\"Copy Emojis From a Third-Party Source\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/02\/Copy-Emojis-From-a-Third-Party-Source.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/02\/Copy-Emojis-From-a-Third-Party-Source-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/02\/Copy-Emojis-From-a-Third-Party-Source-620x330.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]It also shows you some useful information such as how the emoji is displayed in various devices and browsers, and what its code point and shortcode are. All of this information can come in handy. <strong>But to add the emoji to your website you only need that \u201ccopy\u201d button \u2014 after you press it, simply right click anywhere in WordPress where you want to paste it, and choose the \u201cpaste\u201d option<\/strong>. It works in Gutenberg and the Classic editor alike.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Let Your Operating System Help<\/h2>\n<p>[\/vc_column_text][vc_column_text]If you were editing your website from a smartphone, you wouldn\u2019t have any problems adding emoji to WordPress because most of the software keyboards nowadays offer support for emoji. But even if the physical keyboard you use with your desktop or laptop computer doesn\u2019t offer emoji-typing functionalities, don\u2019t worry \u2014 your operating system probably does.[\/vc_column_text][vc_column_text]If you\u2019re using Windows, for example, you have two options to enable the input of emoji in WordPress. The first is by enabling the touch keyboard. To do that, <strong>simply right click anywhere on the taskbar, and check the \u201cShow touch keyboard button\u201d option<\/strong>. You\u2019ll notice a new keyboard-like icon appear in the taskbar.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"378\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/02\/Let-Your-Operating-System-Help.jpg\" class=\"attachment-full size-full\" alt=\"Let Your Operating System Help\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/02\/Let-Your-Operating-System-Help.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/02\/Let-Your-Operating-System-Help-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/02\/Let-Your-Operating-System-Help-620x330.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Click on it to bring up the touch keyboard, and notice the smiley icon on the left of the space bar. Clicking on it will open up all kinds of options for entering emoji \u2014 <strong>most of which will be recognized by WordPress<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"378\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/02\/Smiley-icon.jpg\" class=\"attachment-full size-full\" alt=\"Smiley icon\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/02\/Smiley-icon.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/02\/Smiley-icon-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/02\/Smiley-icon-620x330.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The other method is even easier. <strong>Pressing the \u201cwindows\u201d and \u201c.\u201d keys will bring up the panel for adding emojis<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]If you\u2019re using a Mac, you\u2019ll be able to do something similar, as long as you\u2019re using at least the 10.7 version of Mac OS X. <strong>After accessing the edit menu and selecting \u201cspecial characters,\u201d<\/strong> you\u2019ll notice a small popup keyboard appear that lets you type in emojis. <strong>You can bring the keyboard up by pressing \u201ccommand-control-space.\u201d <\/strong>[\/vc_column_text][vc_empty_space height=&#8221;81px&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#f0f0f0&#8243;][vc_empty_space height=&#8221;50px&#8221;][vc_widget_sidebar sidebar_id=&#8221;top-picks-banner&#8221;][vc_empty_space height=&#8221;28px&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#f0f0f0&#8243;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Find a Helpful Plugin<\/h2>\n<p>[\/vc_column_text][vc_column_text]If you\u2019re thinking \u201chey, it\u2019s WordPress \u2014 there has to be a plugin that helps with adding emojis,\u201d you should be happy to know that you are indeed correct. There are plugins you can use to easily insert emojis into your WordPress website\u2019s copy.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The problem with WordPress emoji plugins is that they are, at best, a mixed bag. You\u2019ll find plugins that seemed to work great when they were published but were then left without an update for years. Plus, you should also be careful not to download a plugin that helps you remove emojis from WordPress. [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Between online emoji lists and software keyboards, you\u2019ll have plenty of ways to add emojis to your website. Ways that, it\u2019s important to notice, won\u2019t clutter or weight down your website as plugins do. But If you expect heavy usage of emojis and you happen to prefer the Gutenberg editor, the <a href=\"https:\/\/wordpress.org\/plugins\/emoji-autocomplete-gutenberg\/\" target=\"_blank\" rel=\"noopener noreferrer\">Emoji Autocomplete Gutenberg<\/a> is just the kind of plugin for you.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"378\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/02\/Emoji-Autocomplete-Gutenberg-Plugin.jpg\" class=\"attachment-full size-full\" alt=\"Emoji Autocomplete Gutenberg Plugin\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/02\/Emoji-Autocomplete-Gutenberg-Plugin.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/02\/Emoji-Autocomplete-Gutenberg-Plugin-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/02\/Emoji-Autocomplete-Gutenberg-Plugin-620x330.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]It does its magic by bringing up an emoji menu every time you type in a colon. <strong>If you start typing a word right after the colon, you\u2019ll get a choice of emojis that contain that word<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"378\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/02\/Choice-of-emojis.jpg\" class=\"attachment-full size-full\" alt=\"Choice of emojis\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/02\/Choice-of-emojis.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/02\/Choice-of-emojis-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/02\/Choice-of-emojis-620x330.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Click on the emoji you want, and it will appear in your text. <strong>Shame you can\u2019t use it the Classic editor though<\/strong>, but don\u2019t worry \u2014 there are enough ways to add emojis to WordPress if you really need them.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Let\u2019s Wrap It Up!<\/h2>\n<p>[\/vc_column_text][vc_column_text]Finding an easy way to add emojis to pages and posts in WordPress might not be the most important item on your to-do list of things that will make your website work, look, and feel better. It\u2019s certainly not nearly as important as is figuring out which <a href=\"https:\/\/qodeinteractive.com\/magazine\/free-seo-tools\/\" target=\"_blank\" rel=\"noopener noreferrer\">ranking-boosting SEO tools<\/a> to choose.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]But emojis are still important because of the way they let you \u2014 and your website visitors \u2014 expand the everyday vocabulary. They\u2019re economical, fun, and popular enough to be a welcome addition to many websites. Many, but not all \u2014 if you find yourself looking for <a href=\"https:\/\/qodeinteractive.com\/theme-category\/business-wordpress-themes\/\">business WordPress themes<\/a>, chances are you want a serious and stylish website. Emojis might be out of place there, so remember to use them only when they\u2019re appropriate.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Need a quick and easy way to add emojis to your WordPress website? We\u2019ll show you three that will expand your vocabulary beyond mere words and numbers.<\/p>\n","protected":false},"author":9295,"featured_media":6731,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[15,4,13],"class_list":["post-4568","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-plugins","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/4568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/9295"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=4568"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/4568\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/6731"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=4568"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=4568"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=4568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}