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',
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; }
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; }
Por ejemplo. Aquí eres tu el que decides como mostar los emoticonos.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
Y no es más sencillo usar un, ejem ejem, plugin? 😉
@Rick: Mas sencillo sí, pero más util jamas, el plugin te sobrecarga el servidor con peticiones, además que el plugin tiene un peso (así sólo sean un par de KB), igual fernando ha explicado muy bien como hacer, sencillisimo, cualquiera podria hacerlo.
Muy interesante la información, hace tiempo que estaba buscando algo así. Por cierto, te he dado un voto en Bitacoras 😉 . Un saludo
Fernando Muchas Gracias por tu informacion me sirvio mucho para instalar mis smiles y esta bien explicadito todo .
Gracias por la herramienta. Justo buscaba algo parecido. Agradezco tu aporte a la red.
Cabe felicitarte por el blog Fernando… (Y)
Nos vemos!
por mas k busko nomas no ayo la carpeta de wp-includes/images/smilies/ donde la busko?
ayudaaaaaaaa
A mi no me funciona!!! 🙁
Ayuda!!!!!!! Mi blog de notas lee todo junto, no con espacios como debería ser, que hago??
Qué pena que el enlace de los iconos de Skype no esté disponible, me hacía ilusión ponerlos!
ok ok genial, pero que debo hacer si los emoticones no salen, osea si están en el funtions.php pero como hago para que se visualicen en la plantilla que uso [La plantilla es la infinity]
haré la prueba, quería cambiar los emoticones por unos con pollo que estamos haciendo. Saludos