The vast majority of bloggers (if not all, then 95% for sure) use the most popular blogging engine - . One of the most interesting advantages of this engine is the built-in post commenting system.

Comments create an atmosphere of live communication on your blog, allowing users to discuss your articles, express their point of view, and just chat and make new friends.

To add additional emotionality to this useful tool, I recommend adding the ability to use emoticons in comments on your blog.

Moreover, there are opportunities for this. Today I will tell you about one wonderful plugin for WordPress - Qip smiles.

Moreover, I will tell you some secrets that everyone is keeping silent about. Sometimes this plugin refuses to work correctly. I'll tell you how to deal with this. I’ll also tell you how to add additional emoticons to this plugin.

Let's get down to business.

1. Installing the qip smiles plugin.

This is the easiest part of what you have to do. You can find a great many articles about this. Almost every blog has similar articles.

First you need to download the plugin itself. This can be done from the author's website.

Everything is described in detail there, so I won’t dwell on it now. Let's move straight to the second question.

2. Setting up the display of emoticons on your website.

Just installing a plugin is not enough. You need to tell your CMS exactly where to add emoticons.

To do this, you need to add one single PHP instruction to the code of your template:

The question is where exactly to add it. The most logical thing to do is add emoticons below the comment text entry form.

There is a slight catch here. Not all templates contain comments in the same places. Therefore, I will not write to you exactly where you need to insert this code. I'll show you how to find this place yourself.

For this we will use a browser add-on Mozilla Firefox- Firebug In my opinion this is the most necessary tool webmasters. Where to get it and how to use it I described in

So, watch the video on how to find a place to insert emoticons in WordPress:

Find the right place and paste the above code there. It's simple! Now the emoticons should appear on your website.

3. Possible problems and malfunctions.

When I installed this plugin, I for a long time I didn’t pay attention to the fact that it wasn’t working correctly for me. And so it was until the users who wrote comments drew my attention to them.

Many thanks to them for this.

What was wrong? Emoticons were not inserted by mouse click. They had to be dragged. Agree that not everyone will think of this.

I started looking for a solution. And I discovered that many people complain about a similar problem.

But I found the solution in only one place (although there may be somewhere else... I just didn’t look any further)

So, if you have a similar problem, then you need to fix just one line in the code of the plugin itself.

Namely:

Find the file qips-js.php (it is located in the plugin folder: /wp-content/plugins/qipsmiles). Let's open it.

We find in this file the function: qips_code (qips_tag), and in it the line

Save the file. All! The emoticons should now work correctly.

Sometimes the problem is also related to the absence of a call to the standard wp_footer(); function in the footer.php file. It just needs to be inserted there. Just before the closing tag we write:

4. Adding emoticons to the Qip Smiles plugin.

Well, in conclusion, I would also like to provide you with additional opportunity. I found it on the website of the plugin author. Qip smiles.

You can edit and add new emoticons to the plugin yourself. This is not difficult to do.

Go to the plugin folder /wp-content/plugins/qipsmiles/smiles. It contains pictures of the emoticons themselves and a file with their description package.php

We open this file and see two arrays:

  • $main_smiles_array - an array with the main emoticons that are shown by default;
  • $smiles_array is an array with additional smiles that are displayed after clicking the “More smiles” button.

You can add new entries to these arrays (following the pattern) or replace old ones. The entries have the format:

That is, in order to add a new emoticon, you only need to write a code for it and enter the name of the file with the emoticon picture. And of course, don’t forget to put the picture itself in the same folder. That's all.

Here is such a useful and interesting plugin for WordPress - Qip Smiles.

Enjoy it for your health. Good luck to you.

Konichua, friends! With the advent of WordPress 4.2, many users have a problem on how to use or disable Emoji. In fact, these are not even emoticons, but an expanded set of icons. It may be useful to someone. For example, to use some hieroglyphs, musical or astrological signs. But for some, these icons will be superfluous. Therefore, I prepared this material for two categories of people at once.

There used to be a special plugin WP Emojis One, which allowed you to add such emoticons to the site. But starting with WordPress 4.2, the developers decided to implement such functionality into the CMS itself. When I first saw these faces, I immediately remembered the Chinese. After all, the emoticons had narrow eyes. Something like this: (^_^). In general, enough introductions. Let's do something with this function. Either use it on your blog or delete it completely. But before you decide, be sure to read this post to the end!

How to Use Emoji in WordPress?

Let's start with those who want to use emoticons. You've updated to WordPress 4.2, but don't know how to use Emoji on your site. After all, in the CMS editor there is no new button for adding icons. And how can we add these emoticons to the site? Before answering this question, I will tell you that a lot depends on the operating system. Different OSes and browsers handle Emoji differently. Therefore, I will list you several ways to use these icons. And you, in turn, choose the option that suits you and begin to act.

iOS for iPhone, iPad and iPod

I will say that starting from version 5, Emojis have already been implemented into the system. Therefore, in order to use them in iOS system, you just need to connect a new keyboard. If you're using iOS 8, then you're in luck. On this system, the Emoji keyboard is already installed. If you have a different version of the system, then we do the following. Go to the menu " Settings» —> « Basic» —> « Keyboard» —> « International keyboards«.

After that, select “ New keyboards" and in the list itself select " Emoji«.

That's it, the keyboard is now added. At the very bottom of the screen you will see a smiley face (1) . Click on it to see a set of Emoji emoticons. If you use several keyboards, you can select the one you need using the globe icon (2) .

Now, when working with your site on mobile device type iPhone, iPad or iPod, you can easily add Emojis. You can also use such icons in comments on your friends’ blogs. However, this will work provided that Emoji support is enabled on someone else's blog.

Android

For those who use devices on Android system, you will have to add an app to create an Emoji keyboard. There are quite a lot of similar applications. Therefore, I will not list them all here. For starters, you can try something like: TouchPal X Keyboard or Emoji Keyboard. After installing the application, click on the emoticon button to access the icons.

Windows Phone 8

For owners Windows Phone 8 will do great app [+]Emoji. All emoticons are grouped into separate categories, which is very convenient.

Windows 8 and above

Now for those who use desktop computers. For operating room Windows systems 8 and above will be quite simple here. Emoji smiles are already built into the system and you just need to enable them. To do this, on the taskbar (3) (she's at the very bottom) right-click. Select " Toolbars» —> « Touch Keyboard". After this, a new keyboard icon will appear in the lower right corner (4) .

When you want to add Emoji emoticons in Windows 8, just click on the keyboard and select the smiley icon (5) .

Windows 7 and below

For earlier Windows versions, Emojis are not built-in. Therefore, you will have to tinker a little. Let me tell you that there are two ways to add icons. Firstly, you can use special browser extensions. For example, I for Google Chrome installed the extension Emoji Input. Now to add Emojis to WordPress blog, I just need to click on the extension icon, select and copy the desired icon.

After this you need to go to text editor site and insert an icon.

Secondly, instead of an extension, you can use the website (getemoji.com) or (classic.getemoji.com) and take icons from there. Here by analogy with the first option. Copy the desired icon and immediately paste it into the WordPress editor.


These are the ways you can add and use Emoji on your WordPress site. Of course, such icons can be used on other operating systems. You will find more details in the WordPress codex (codex.wordpress.org/Emoji).

By default, the icons look small. Therefore, if you want to adjust the size, you need to switch to the html editor and paste the following code:

icon

Instead of 14, insert your number. It will turn out like this:

How to disable Emojis in WordPress 4.2?

Well, now, about the sore point. Due to some issues, many WordPress 4.2 users would like to simply disable these Emojis. There are several reasons for this. Some people simply don’t like these icons. Some people experience various errors and so on. I personally disabled Emoji because I started having problems with the old emoji.

The thing is that when I updated WordPress, all the emoticons in my comments began to display ugly. They were mostly flattened and hard to see. This option did not suit me. Therefore, I decided to disable the new feature. And, as a rule, I rarely add icons themselves to posts. If I use it, it’s only icon fonts. (fingers, plus signs, checkmarks, etc.). This is enough for me.

Of course, I could use Emoji emoticons instead of icon fonts (they are much lighter). However, the conflict with the old emoticons in the comments does not make me very happy. I like these smiles and somehow I don’t want to get rid of them or disfigure them.

And now you ask: “ So how do you disable Emoji in WordPress 4.2?“Yes, it’s very simple! Simply install the plugin Disable Emojis. The extension does not have any settings. So when you activate it, Emoji support will disappear completely.

However, if you want to display your emoticons, you will need to additionally connect them to your website. For those who yearn for classic emoticons, you will need to additionally install a plugin Classic Smilies. It will allow you to bring back the classic set of funny faces.

If you need to display something else, then install a suitable extension for this. In general, if you want to display your emoticons and disable Emotions, you need to install Disable Emojis + a script or plugin that will display the faces you need. If you at all, completely want to disable the display of emoticons on the WordPress site, then simply set Disable Emojis in the menu “ Settings» —> « Writing» —> « Formatting"Uncheck the box" Convert emoji like...»

Should I use Emoji or not?

Now you know how to use or disable Emoji in WordPress 4.2. It’s bad, of course, that the developers have not yet made it possible for us to disable this new feature directly in the admin panel. After all, not everyone will use such icons. Basically this innovation is good for social networks or forums where closer communication takes place. For business websites or non-entertainment projects, this function is definitely not suitable.

And besides, there may be problems with displaying icons. This is especially true for OSes that do not support Emojis. For example, I have Windows 7. But still, when viewing these emoticons from the site (getemoji.com) I'm getting errors in the form of squares.

This means that even if you add these icons to your site, many users may simply not see them. To somehow avoid this, you should use classic emoticons from the site (classic.getemoji.com). I had no problems with display there.

There is also a second option - to use special browser extensions (like Emoji Input for Chrome). They help recognize all types of emoticons. But here again, such extensions need to be installed on the user’s side. Otherwise, instead of your icons, he will see empty squares.

It is also worth considering that this new feature Emoji can additionally load the site. When a user visits your site, WordPress automatically checks Emoji support on the user’s side using a special script. If it is not there, the CMS will additionally download icons from another site. As a result for the user (with old OS and without extension) the site will load 1 - 1.5 seconds more than usual. Therefore, if you do not plan to use Emoji, then it is better to completely disable this feature.

As for me, this is all innovation in new version WordPress will be superfluous. Why bother with something that already works fine! And if someone wants to connect Emoji, then just install the plugin WP Emojis One. As a result, a person will have the right to choose. Now, unfortunately, we don’t have it. We have to run around and return the previous functionality back.

Holy crap, they didn’t even bother to put a button in the editor so that you could quickly add an icon! This doesn’t fit into any gates at all! And they say that they are working more to improve the usability of the WordPress system. I hope that in new versions of the engine the developers will correct all these shortcomings. Also note that . Be sure to read this news. In general, study and implement!

Hello again!

I don’t remember exactly what gave me the idea to install emoticons on this site. It seems like an acquaintance gave me an analysis of emoticons in the “QIP infium” messenger, which I have been using for several years now, and I was eager to add emoticons here.

After searching a bit for a suitable plugin for WordPress, I came across this one and decided to use it, but that was not the case - I wanted a different output, and I wanted to simplify the check for replacing symbols with emoticons. Also, I didn't need so many emoticons. Of course, I could realize all my desires by editing the above-mentioned plugin, but somehow, almost by accident, I started writing my own code, which eventually turned into a plugin, which seems to be quite successful

About the emoji plugin for WordPress

What the plugin does:

  • replaces standard WordPress emoticons with emoticons from QIP.
  • adds a list of emoticons to the comment field. Which emoticons will be included in the list is indicated in the settings.
  • adds emoticons to the admin panel, where you can easily insert them when replying to comments or writing a post.
  • makes it easier to find and replace emoticon codes in text.

Kama WP Smiles settings

I'll tell you a little about the settings

Manually inserting a block of emoticons into the comment form

The plugin automatically adds emoticons to the comment form (textarea). However, it may turn out that the plugin will not be able to embed the list normally. In this case, you can insert the emoticon block manually anywhere in the template. To do this, leave the "Auto-insert emoticons" field in the settings empty, this way you will disable auto-insertion, and using php code insert the block where you want in the template (usually somewhere in the comments.php file):

This code will output a block of emoticons.

HTML tags exceptions

In this setting, you can specify HTML tags, the text in which will not be processed by the plugin. For example, if you specify code there, then the following code will not be processed by the plugin:

smile :) .

Tags must be separated by commas.

Special emoji designations (exception emoticons)

By default, emoticons are identified in the text by the code (:emoticon_file_name:), but there are exceptions. For example, a smiley is denoted as:-) or:) or =), and its native code is (:smile:) . By default, there are 3 such exceptions: :) :(:D . This limitation is due to a small optimization... Such exceptions can be configured in the plugin.

Editing the appearance

If you are not satisfied with how the list of emoticons looks, then you can edit it, provided that you know the css, for this you need to change CSS rules in the "CSS styles" field. To prevent styles from being stored in settings, styles can be copied to your own styles file and removed from the settings.

Installing your own set of emoticons

If you don't see the emoticons you would like to have on your blog, don't be upset. You can easily add/replace emoticons with your own.

To supplement the list, all you need to do is create the kama-wp-smile-packs folder next to the plugin folder and add your set of smiley pictures to it. Those. As a result, you should end up with a folder with pictures of emoticons like this: /wp-content/plugins/kama-wp-smile-packs/mypack/*.gif. After creating such a folder, you need to go to settings and select the new package of emoticons that appears.

The text of the entry will use the construction (:file_name:) . For example, if you add an emotion.gif image in the text, this emoticon will be inserted as (:emotion:) .

Only lowercase Latin characters are allowed in file names letters a-z, numbers 0-9, signs - and _. If the file has any other characters, it will not work.

Filtering - removing emoticon code from text

If you need to filter the text somewhere (not show the emoticon code), then apply the following filter:

$text = "Test text (:good:)"; $text = preg_replace("/\(:(0,15):\)/", "", $text); echo $text; // return: Test text

How to embed the plugin in other fields, for example in BbPress, Quick Chat

The default plugin only works for comments and posts. If you need to “screw” it somewhere else, then the following functions and a little knowledge of CSS will be useful to you:

  • kws_get_smiles_html($textarea_id) - displays a block of emoticons for a textarea
  • kws_convert_smiles($content) - processes the output content to make pictures from smiley codes

In case of sudden problems, glitches, bugs and “other things”, or if you just want to write something like this - write in the comments

Hello! I’m with you again, the author of the Free Webmaster Blog, and today we’ll talk about emoticons on WordPress. Emoticons have long gained popularity. This is a great way to express your emotions and sometimes it is enough to use just one emoji to express your feelings.

To be honest, I was not very impressed with the standard WordPress emoticons. Their appearance seemed primitive to me, too ancient, and therefore I decided to replace them with others.

Standard WordPress emoticons

There are two ways to go here.

  • The first is to install a plugin that will automatically replace standard emoticons with others. But too many active plugins will slow down the blog and increase the load on the server. In addition, plugins often add their tables to the database MySQL data, and when deleting, they don’t always clean up this database and have to do it through the phpMyAdmin panel.
  • The second way will allow you to avoid such troubles, and will also allow you to better learn how WordPress works. It involves manual editing.

Therefore, we will go the second way. Standard emoticons are located in the /wp-includes/images/smilies/ folder in the root of your blog. To change them you just need to rewrite the old ones with new ones. You can take absolutely any emoticons, rename them so that the file names match the standard ones and upload them back to the same folder. I'm posting the sets of emoticons that I already have:

There is no need to rename anything, all that remains is to replace the standard ones with these and you’re done. This issue has been resolved.

Next question: how to add emoticons above the text field of the comment form? Everything is very simple here too! To do this, in the comments.php file of your theme before the opening tag