You are currently browsing the page Custom smilies in the Wordpress category.

Custom smilies

Be careful when editing source codes! Go to the /wp-includes folder, look for functions.php and make a backup. Find this line:

$wpsmiliestrans = array(

Below this line, you will find something like:

':smile:' => 'icon_smile.gif',

etc. (There are several lines for all the smileys) Before the arrow (=>) is the text to be converted to smiley and after the arrow is the smiley file. Replace them by your own smileys and don't forget to upload them to the /wp-includes/images folder. Be careful, keep the ' ' (apostrophes) and the , (comma)! You can also add more smileys, instead of replacing.

(note) You can customize the smileys! I recommend this snippet:

img.wp-smiley {
vertical-align: middle;
}

This will align your smileys vertically in the middle in your text.

Print This Post Print This Post



Sponsors


3 Responses to “Custom smilies”

Thank you for this tutorial. I've been searching for it. ^-^ Really useful thank


hey!
I made on photoshop animated myspace banners.
take a look at them:
http://tinyurl.com/568hnx
Thank you for your website ;-) xoxoxo


hey!
I made with photoshop animated myspace pics.
have a look at them:
http://tinyurl.com/6o76mq
Thanks a lot for your site ;) xxoxo


Leave a Comment

Works? Doesn't work? Other tips? Please leave a comment! :)

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

To post codes, please go to SimpleCode and transform your codes first, so that it will displayed properly. Indeed, < and > need to be converted to &lt; and &gt; :)


Close
E-mail It