Como cambiar los emoticonos de WordPress

Publicado por Fernando Tellado el 29 Ene, 2009

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:

':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',

':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:

.post img {
    float: left;
}

.post img {

float: left;

}

Pero este CSS afecta a todas las imágenes. Si quieres usar un CSS distinto aplicamos la clase wp-smiley añadiendo una clase nueva, de este modo:

img.wp-smiley {
    float: none;
}

img.wp-smiley {

float: none;

}

Por ejemplo. Aquí eres tu el que decides como mostar los emoticonos.

PUEDE QUE TAMBIÉN TE INTERESE…

AVISO: esta publicación es de hace dos años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.