This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Font Emoticons

Description

Replaces WordPress’ smileys (based on images) with font-based emoticons (see screenshots). Font-based emoticons have some advantages:

  • They have the same size as the surrounding text. No more distorting the heights of lines containing smileys/emoticons. They always fit the font size.
  • They have the same color as the surrounding text.

Note: This plugin was developed when WordPress was still using “pixel images” as emoticons. The current version of WordPress uses scalable vector images (SVG) – so they won’t distort your line heights anymore and look crisp on any size. This makes this plugin less useful than it once was – it now comes down to personal preference whether to use it.

The following emoticons are supported:

  • :) :-) (-: (: :smile:
  • :( :-( :sad:
  • ;) ;-) :wink:
  • :P :-P :razz:
  • -.- -_- :sleep:
  • >:) >:-) :devil: :twisted:
  • :o :-o :eek:
  • 8O 8o 8-O 8-o :shock: (No special icon for “shock” yet. Using “eek” instead.)
  • :coffee:
  • 8) 8-) B) B-) :cool:
  • :/ :-/
  • :beer:
  • :D :-D :grin:
  • x( x-( X( X-( :angry:
  • :x :-x :mad: (No special icon from “mad” yet. Using “angry” instead.)
  • O:) 0:) o:) O:-) 0:-) o:-) :saint:
  • :'( :'-( :cry:
  • :shoot:
  • |) :squint:
  • ^^ ^_^ :lol:

The following general purpose icons are supported:

  • :thumbs: :thumbsup:
  • :thumbsdown:
  • <3 :heart:
  • :star:
  • (/) (ok sign)
  • (x) (cancel)
  • (i)
  • (?)
  • (+)
  • (-)

Notes:

  • Emoticons/Icons must be surrounded with spaces (or other white space characters); e.g. the emoticon in that:)smile won’t be replaced.
  • Emoticons/Icons won’t be replaced in HTML tags nor inside of <pre> or <code> blocks.

Use In Themes/Plugins

Font Emoticons are supported in most places where user defined text is displayed. However, there may be places in a
plugin or theme that are not supported by Font Emoticons.

In these cases, just apply the filter wp_font_emots_replace to the text that should display Font Emoticons.

For example, you would change the following PHP code:

<?php echo get_the_author_meta( 'description' ); ?>

to this code:

<?php echo apply_filters('wp_font_emots_replace', get_the_author_meta( 'description' )); ?>

That’s it.

Font Licenses

The emoticons used in this plugin are based on the fonts “Fontelico” and “Font Awesome”.

Fontelico

Copyright (C) 2012 by Fontello project

Author: Crowdsourced, for Fontello project
License: SIL (http://scripts.sil.org/OFL)
Homepage: http://fontello.com

Font Awesome

Copyright (C) 2012 by Dave Gandy

Author: Dave Gandy
License: SIL (http://scripts.sil.org/OFL)
Homepage: http://fortawesome.github.com/Font-Awesome/

Screenshots

  • Available emoticons.
  • Emoticon comparison.

Installation

This section describes how to install the plugin and get it working.

  1. Upload the font-emoticon directory to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

Reviews

December 19, 2018
Крутой плагин, установил и пользуешься, без настроек. Колобки банальны и несерьёзны, смайлики такого рода отлично вписываются в тему блогов о серьёзных вещах, но с долей юмора)
January 16, 2018
Looks better than normal emotiocons, yach in yellow, red or what ever. This one is perfect for induviduals and I hope the developer makes compatible for the future growth of WordPress versions and maybe accessable for Divi. Special thanks to Sebastian Krysmanski:-)
November 19, 2017
Thanks for that nice emoji plugin. It works perfectly together with "Emoji Settings" - so you can deactivate the connection to the wordpress.com servers and then have your nice inline font emojis with this cool plugin. It makes your website independent and also save your users from being tracked through emojis
September 3, 2016
great plugin, easy to set up (actually its just the installation) and works without any conflict. Thanks, great job!
Read all 24 reviews

Contributors & Developers

“Font Emoticons” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Font Emoticons” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.5.0

  • Change: Font-Emoticons is now hosted as Git repo on GitHub. (Thus, the issue numbering will reset.)
  • Change: font-emoticons now uses a (hopefully) a better way to disable WordPress’ own emoticons.

1.4.1

  • Feature: Added general purpose filter called wp_font_emots_replace. This filter can be used to replace emoticons in places not supported by this plugin.

1.4.0

  • Feature: Implemented rudimentary bbpress support. I don’t use bbpress, so some parts may still no display emoticons correctly. (issue #10)
  • Feature: Emoticons are now also replace in the text sidebar widget.
  • Fix: emoticons.css no longer gets an unnecessary ?v= parameter attached (WordPress does this automatically on its own); also made the style’s name more unique so that it’s less likely to conflict with other plugins.
  • Fix: Replaced usage of internal constant WP_PLUGIN_URL with plugins_url()

1.3.1

  • Fix: Self closing span (<span/>) seems to be invalid in some cases. Replaced it with regular <span></span> (issue #8)

1.3

  • Feature: New emoticon “squint”: |) or :squint:
  • Feature: Added some general purpose icons like <3 (heart) or :thumbsdown: (:thumbsup: got changed to icon from emoticon)
  • Change: PHP 5.3 is now required
  • Change: “devil” and “eek” got more text representations; “smile” now also supports the Australian version (-:
  • Change: Made font and css classes more unique so that they don’t interfer with other icon fonts (issue #7)
  • Fix: Multiple consecutive emoticons are now parsed correctly (issue #5); emoticons surrounded by HTML tags (like <li>:)</li>) are now parsed correctly.
  • Fix: Wider emoticons now flow correctly with surrounding text (no longer overlap it) (issue #4)

1.2

  • Emoticons are now supported in comments and excerpts. (issue #1)

1.1

  • Emoticons are no longer replaced in URLs. Instead they now require surrounding white space.
  • Emoticons at the beginning and the end of posts are recognized now.

1.0

  • First release.