29ene
12

wordpree-smileys

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:

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.

Para saber más:

  • Pingback: Bitacoras.com

    • http://www.glissmarket.com marketing online

      Muy interesante la información, hace tiempo que estaba buscando algo así. Por cierto, te he dado un voto en Bitacoras ;-) . Un saludo

  • http://rick.jinlabs.com Rick

    Y no es más sencillo usar un, ejem ejem, plugin? ;)

  • http://blog.geektheplanet.net Angelfire

    @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.

  • Pingback: Fondos de Pantalla » Blog Archive » Lo mejor de Entre Blogs V

  • Pingback: Posts destacados de la semana en Entreblogs | Comparativa de Bancos - CdB

  • http://www.soycalle.com/ reggaeton

    Fernando Muchas Gracias por tu informacion me sirvio mucho para instalar mis smiles y esta bien explicadito todo .

  • http://electrocutado.com Electrocutado

    Gracias por la herramienta. Justo buscaba algo parecido. Agradezco tu aporte a la red.
    Cabe felicitarte por el blog Fernando… (Y)
    Nos vemos!

  • http://qbografiko.com/blog karina

    por mas k busko nomas no ayo la carpeta de wp-includes/images/smilies/ donde la busko?
    ayudaaaaaaaa

  • Pingback: Como cambiar los emoticonos de WordPress (parte 2) | Ayuda WordPress

  • Alejandro

    A mi no me funciona!!!  :(

  • Pingback: Lo mejor de la semana en EntreBlogs (9) - LimiteNet.com