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:
:shock:(No special icon for “shock” yet. Using “eek” instead.)
:mad:(No special icon from “mad” yet. Using “angry” instead.)
The following general purpose icons are supported:
- Emoticons/Icons must be surrounded with spaces (or other white space characters); e.g. the emoticon in
that:)smilewon’t be replaced.
- Emoticons/Icons won’t be replaced in HTML tags nor inside of
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' )); ?>
The emoticons used in this plugin are based on the fonts “Fontelico” and “Font Awesome”.
Copyright (C) 2012 by Fontello project
Author: Crowdsourced, for Fontello project
License: SIL (http://scripts.sil.org/OFL)
Copyright (C) 2012 by Dave Gandy
Author: Dave Gandy
License: SIL (http://scripts.sil.org/OFL)
This section describes how to install the plugin and get it working.
- Upload the
font-emoticondirectory to the
- Activate the plugin through the ‘Plugins’ menu in WordPress
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.
- 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.
- 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.
- 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.
emoticons.cssno 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
- Fix: Self closing span (
<span/>) seems to be invalid in some cases. Replaced it with regular
- Feature: New emoticon “squint”:
- Feature: Added some general purpose icons like
: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)
- Emoticons are now supported in comments and excerpts. (issue #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.
- First release.