Como cambiar los emoticonos de WordPress

Posted by planetawordpress on enero 28, 2009 Leave a comment (0) Go to comments

Si te gusta personalizar tu sitio una de las posibilidades es cambiar los emoticonos por defecto que vienen con WordPress, hacerlo es muy sencillo.

Hay muchas colecciones por ahí de smileys (emoticonos) que puedes descargar e instalar en tu WordPress para dar a tu sitio un toque especial y distinto.

Para conseguirlo solo tienes que sustituir los existentes, situados en la carpeta ‘/wp-includes/images/smilies/‘ por otros a tu gusto, aquí tienes unas cuantas colecciones:

PNGs Smilies para WordPress (tienes que convertir los emoticonos a .gif)
Emoticons Pack para WordPress
Pack Emoticones Post-It
Skype Smilies con WordPress (tienes que renombrar los emoticonos para que se llamen como los de WordPress)
WordPress Yahoo/MSN Messenger Style Smileys Plugin (tienes que renombrar los emoticonos para que se llamen como los de WordPress)

Como habrás notado, en algunos packs indico que debes cambiar los nombres de los ficheros a los que tienen WordPress por defecto. Ahora bien, puedes modificar esto y que sea WordPress quien reconozca tus emoticonos, o incluso añadir nuevos, editando el fichero ‘functions.php‘ situado en la carpeta ‘/wp-includes/‘ que, a partir de la línea 4.000 te ofrece los códigos que puedes modificar, cambiando estas líneas o añadiendo nuevas:

Clic para ver Texto Plano

PHP:

‘:mrgreen:’ => ‘icon_mrgreen.gif’,
‘:neutral:’ => ‘icon_neutral.gif’,
‘:twisted:’ => ‘icon_twisted.gif’,
‘:arrow:’ => ‘icon_arrow.gif’,
‘:shock:’ => ‘icon_eek.gif’,
‘:smile:’ => ‘icon_smile.gif’,
‘:???:’ => ‘icon_confused.gif’,
‘:cool:’ => ‘icon_cool.gif’,
‘:evil:’ => ‘icon_evil.gif’,
‘:grin:’ => ‘icon_biggrin.gif’,
‘:idea:’ => ‘icon_idea.gif’,
‘:oops:’ => ‘icon_redface.gif’,
‘:razz:’ => ‘icon_razz.gif’,
‘:roll:’ => ‘icon_rolleyes.gif’,
‘:wink:’ => ‘icon_wink.gif’,
‘:cry:’ => ‘icon_cry.gif’,
‘:eek:’ => ‘icon_surprised.gif’,
‘:lol:’ => ‘icon_lol.gif’,
‘:mad:’ => ‘icon_mad.gif’,
‘:sad:’ => ‘icon_sad.gif’,
’8-)’ => ‘icon_cool.gif’,
’8-O’ => ‘icon_eek.gif’,
‘:-(‘ => ‘icon_sad.gif’,
‘:-)’ => ‘icon_smile.gif’,
‘:-?’ => ‘icon_confused.gif’,
‘:-D’ => ‘icon_biggrin.gif’,
‘:-P’ => ‘icon_razz.gif’,
‘:-o’ => ‘icon_surprised.gif’,
‘:-x’ => ‘icon_mad.gif’,
‘:-|’ => ‘icon_neutral.gif’,
‘;-)’ => ‘icon_wink.gif’,
’8)’ => ‘icon_cool.gif’,
’8O’ => ‘icon_eek.gif’,
‘:(‘ => ‘icon_sad.gif’,
‘:)’ => ‘icon_smile.gif’,
‘:?’ => ‘icon_confused.gif’,
‘:D’ => ‘icon_biggrin.gif’,
‘:P’ => ‘icon_razz.gif’,
‘:o’ => ‘icon_surprised.gif’,
‘:x’ => ‘icon_mad.gif’,
‘:|’ => ‘icon_neutral.gif’,
‘;)’ => ‘icon_wink.gif’,
‘:!:’ => ‘icon_exclaim.gif’,
‘:?:’ => ‘icon_question.gif’,

Y si, además, quieres modificar el CSS por defecto de los emoticonos, bien porque quieras adaptar emoticonos nuevos a la plantilla o para personalizarlos a tu gusto, tienes que usar la clase CSS llamada wp-smiley. Por defecto tu plantilla mostará algo similar a esto:

Clic para ver Texto Plano

CSS: