Replaces Wordpress' smileys with font-based emoticons.

Jenst

WP Smiley Switcher

Change your smileys to another smiley pack or use your own smileys.

viphat

WP Emo-ello

Fontello Emoticons can be inserted using either HTML, shortcode or a built-in TinyMCE plugin. This plugin also replaces Wordpress' smileys.

crazyloong

Custom Smilies

Custom Smilies (previously named Custom Smileys) gives you a chance to personalize your posts and comments using smilies of your choice instead of def …

quanganhdo

Simple Vote Me

Integrate a simple voting plugin with smileys in your Wordpress!

lmbbox

LMB^Box Smileys

A Clickable Smilies hack for WordPress. Add, edit, remove, and manage the display of your smileys!

normen

BP Post Buttons

Adds a button bar to buddypress forum posting textfields

Sebastian Krysmanski

<p>Replaces WordPress’ smileys (based on images) with font-based emoticons (see screenshots). Font-based emoticons have some advantages:</p>
<ul>
<li>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.</li>
<li>They have the same color as the surrounding text.</li>
</ul>
<p><em>Note:</em> This plugin was developed when WordPress was still using <a href="https://codex.wordpress.org/Using_Smilies#What_Text_Do_I_Type_to_Make_Smileys.3F" rel="nofollow ugc">“pixel images”</a> 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.</p>
<p>The following emoticons are supported:</p>
<ul>
<li><code>:)</code> <code>:-)</code> <code>(-:</code> <code>(:</code> <code>:smile:</code></li>
<li><code>:(</code> <code>:-(</code> <code>:sad:</code></li>
<li><code>;)</code> <code>;-)</code> <code>:wink:</code></li>
<li><code>:P</code> <code>:-P</code> <code>:razz:</code></li>
<li><code>-.-</code> <code>-_-</code> <code>:sleep:</code></li>
<li><code>>:)</code> <code>>:-)</code> <code>:devil:</code> <code>:twisted:</code></li>
<li><code>:o</code> <code>:-o</code> <code>:eek:</code></li>
<li><code>8O</code> <code>8o</code> <code>8-O</code> <code>8-o</code> <code>:shock:</code>   (No special icon for “shock” yet. Using “eek” instead.)</li>
<li><code>:coffee:</code></li>
<li><code>8)</code> <code>8-)</code> <code>B)</code> <code>B-)</code> <code>:cool:</code></li>
<li><code>:/</code> <code>:-/</code></li>
<li><code>:beer:</code></li>
<li><code>:D</code> <code>:-D</code> <code>:grin:</code></li>
<li><code>x(</code> <code>x-(</code> <code>X(</code> <code>X-(</code> <code>:angry:</code></li>
<li><code>:x</code> <code>:-x</code> <code>:mad:</code>   (No special icon from “mad” yet. Using “angry” instead.)</li>
<li><code>O:)</code> <code>0:)</code> <code>o:)</code> <code>O:-)</code> <code>0:-)</code> <code>o:-)</code> <code>:saint:</code></li>
<li><code>:'(</code> <code>:'-(</code> <code>:cry:</code></li>
<li><code>:shoot:</code></li>
<li><code>|)</code> <code>:squint:</code></li>
<li><code>^^</code> <code>^_^</code> <code>:lol:</code></li>
</ul>
<p>The following general purpose icons are supported:</p>
<ul>
<li><code>:thumbs:</code> <code>:thumbsup:</code></li>
<li><code>:thumbsdown:</code></li>
<li><code><3</code> <code>:heart:</code></li>
<li><code>:star:</code></li>
<li><code>(/)</code> (ok sign)</li>
<li><code>(x)</code> (cancel)</li>
<li><code>(i)</code></li>
<li><code>(?)</code></li>
<li><code>(+)</code></li>
<li><code>(-)</code></li>
</ul>
<p>Notes:</p>
<ul>
<li>Emoticons/Icons must be surrounded with spaces (or other white space characters); e.g. the emoticon in <code>that:)smile</code> won’t be replaced.</li>
<li>Emoticons/Icons won’t be replaced in HTML tags nor inside of <code><pre></code> or <code><code></code> blocks.</li>
</ul>
<h3>Use In Themes/Plugins</h3>
<p>Font Emoticons are supported in most places where user defined text is displayed. However, there may be places in a<br />
plugin or theme that are not supported by Font Emoticons.</p>
<p>In these cases, just apply the filter <strong>wp_font_emots_replace</strong> to the text that should display Font Emoticons.</p>
<p>For example, you would change the following PHP code:</p>
<pre><code><?php echo get_the_author_meta( 'description' ); ?>
</code></pre>
<p>to this code:</p>
<pre><code><?php echo apply_filters('wp_font_emots_replace', get_the_author_meta( 'description' )); ?>
</code></pre>
<p>That’s it.</p>
<h3>Font Licenses</h3>
<p>The emoticons used in this plugin are based on the fonts “Fontelico” and “Font Awesome”.</p>
<h4>Fontelico</h4>
<p>Copyright (C) 2012 by Fontello project</p>
<p>Author:    Crowdsourced, for Fontello project<br />
   License:   SIL (http://scripts.sil.org/OFL)<br />
   Homepage:  http://fontello.com</p>
<h4>Font Awesome</h4>
<p>Copyright (C) 2012 by Dave Gandy</p>
<p>Author:    Dave Gandy<br />
   License:   SIL (http://scripts.sil.org/OFL)<br />
   Homepage:  http://fortawesome.github.com/Font-Awesome/</p>


Alternatives to Font Emoticons

Top alternatives