Emoticons and WordPress

According to Wikipedia…

An emoticon is a textual portrayal of a writer’s mood or facial expression. They are often used to alert a responder to the tenor or temper of a statement, and can change and improve interpretation of plain text. Early emoticons go back to the 1800s and commonly arose when casual/humorous writing was common. The emoticons on the Internet can largely be traced back to a proposal by Scott Fahlman in a message of 19 September 1982.

Emoticons in WordPress

There’s a default set of emoticons that come with every install of wordpress and are located in the folder wp-includesimagessmilies. Before they will show in your blog posts, the emoticons must first be enabled within the admin panel located under Settings → Writing. Make sure the box “Convert emoticons” is checked.

Style your emoticons

You can style the emoticons using the following image class:

img.wp-smiley

For example, remove the border around the emoticon and give it some space by adding the following code to your stylesheet:

img.wp-smiley { border: 0; padding: 0 2px; }

Use your emoticons

The following chart is the text/code needed to produce the corresponding smiley/emoticon. :mrgreen:

Emoticons
View source (or copy-able text ;) )

Change your emoticons

So enough fun with the boring ol’ default emoticons, you can change them to anything you want! There are a couple ways to do this.. Personally, I prefer to just change them out myself rather than use yet another plugin ;) But there are plugins that will do it as well.

If you want to change out the default emoticons yourself, first backup the original ones! All you have to do is replace the old emoticons with your new ones making sure to name the new ones the same name as the corresponding default ones. Be sure and keep copies of the emoticons you are using because they will be replaced if you upgrade your blog automatically via plugin or admin panel on version 2.7 and up.

WordPress Emoticon Plugins
  • If you would rather use a plugin to do change them, here are a few that I found:
  • Tango Smileys Extended – disables the built-in WordPress smileys and extends the number of available smileys from 18 to 202.
  • Smilies Themer – allows you to use smilies (emoticons) themes (or packs) to replace the wordpress default ones
  • Smiley Switcher – With this plugin you can choose a smiley pack from the settings / options in admin or simply choose your own smiley pack directory.
Download New Emoticons
Learn more…

:) :( :P :? :D 8O :lol: :evil: :eek: 8) :x :twisted: :mrgreen: :neutral:

24 Comments on Emoticons and WordPress

  1. Ohhh, thanks for the links!

    • Written by Cedric Nocon
    • Posted on March 6, 2009 at 6:38 pm
  2. I love your design style of this blog. Inspiring.

    • Written by Goran
    • Posted on March 19, 2009 at 4:27 pm
  3. Wonderful post, a very informative one as I see it. :D Any idea how to make custom emoticon packs? I’d appreciate it very much if you could post a tutorial on this. :)

    • Written by Cza
    • Posted on March 21, 2009 at 8:03 am
  4. long live the smiley :)

    • Written by Smiley
    • Posted on April 10, 2009 at 5:19 pm
  5. I’m so confused. I can’t figure out how to get this plugin to work. I see some commenters have used them as comment replies, but I don’t see any smilies to click on.

  6. I love Emoticons

    • Written by ozdoby
    • Posted on May 21, 2009 at 7:03 am
  7. im new to this can someone show me how to install the emoticons. also, just i’m finding it annoying that i cant get the plugins to work, is it really that difficult.

    • Written by forex
    • Posted on May 26, 2009 at 8:12 pm
  8. Cool! I’m going to put alien emoticons on my blog, lol.
    .-= Manny Pacquiao´s last blog ..Manny Pacquiao Defeats Ricky Hatton =-.

  9. i love it!

    • Written by anky
    • Posted on June 26, 2009 at 2:46 am
  10. Great list of EMO , thx for providing downloading and emo list.

  11. Hi Dani ! I see this emoticons is good suit for your blog :-)
    It will be nice to use emoticons like we have in msn messenger (yes, they are big, but very funny :-)
    Is there possibility to upload big custom emoticons (50×50 size or more) ?

  12. Thank youu…
    I would put smileys for my blog.
    .-= Korean Drama´s last blog ..Lee Jun Ki, Duta Pariwisata Korea =-.

    • Written by Korean Drama
    • Posted on August 8, 2009 at 1:22 am
  13. Hey dani,

    thanks for the post. I have changed my emoticons and I´m very happy about this. it looks really better with the new emoticons.

    tahnk a lot!

  14. Very good looking site with a lot of information.I love it.Will revisit it soon.
    Cheers

    • Written by Forex
    • Posted on October 22, 2009 at 3:45 am
  15. Thanks for the post, i enjoyed reading it. blogging is not as easy as many think it is, it’s hardwork. any how thanks.

    • Written by satrap
    • Posted on November 15, 2009 at 11:42 pm
  16. hey, nice post, thank you :)

    • Written by dtbsz
    • Posted on November 17, 2009 at 9:07 am
  17. :) lol. They should create funny emoticons.

    • Written by txt message
    • Posted on January 1, 2010 at 9:05 am
  18. Thanks for the great links!!!
    .-= Smileys´s last blog ..Smiley Face Clip Art – 10,000 Smileys for Free =-.

    • Written by Smileys
    • Posted on January 16, 2010 at 3:37 pm
  19. RE: Jim
    Smileys are awsome!!!
    .-= Stacy´s last blog ..Smiley Face Symbols =-.

    • Written by Stacy
    • Posted on February 9, 2010 at 7:03 pm
  20. hanks for the links, emoticon look great.
    .-= Proefabonnement´s last blog ..HP/De Tijd =-.

  21. These look very awsome, going to put them on my blog.
    .-= General Blog´s last blog ..Day trader Versus Investor =-.

    • Written by General Blog
    • Posted on March 24, 2010 at 9:29 am
  22. Who doesn’t love smileys.

Leave a Comment!