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:

PHP:
  1. ':mrgreen:' => 'icon_mrgreen.gif',
  2.         ':neutral:' => 'icon_neutral.gif',
  3.         ':twisted:' => 'icon_twisted.gif',
  4.           ':arrow:' => 'icon_arrow.gif',
  5.           ':shock:' => 'icon_eek.gif',
  6.           ':smile:' => 'icon_smile.gif',
  7.             ':???:' => 'icon_confused.gif',
  8.            ':cool:' => 'icon_cool.gif',
  9.            ':evil:' => 'icon_evil.gif',
  10.            ':grin:' => 'icon_biggrin.gif',
  11.            ':idea:' => 'icon_idea.gif',
  12.            ':oops:' => 'icon_redface.gif',
  13.            ':razz:' => 'icon_razz.gif',
  14.            ':roll:' => 'icon_rolleyes.gif',
  15.            ':wink:' => 'icon_wink.gif',
  16.             ':cry:' => 'icon_cry.gif',
  17.             ':eek:' => 'icon_surprised.gif',
  18.             ':lol:' => 'icon_lol.gif',
  19.             ':mad:' => 'icon_mad.gif',
  20.             ':sad:' => 'icon_sad.gif',
  21.               '8-)' => 'icon_cool.gif',
  22.               '8-O' => 'icon_eek.gif',
  23.               ':-(' => 'icon_sad.gif',
  24.               ':-)' => 'icon_smile.gif',
  25.               ':-?' => 'icon_confused.gif',
  26.               ':-D' => 'icon_biggrin.gif',
  27.               ':-P' => 'icon_razz.gif',
  28.               ':-o' => 'icon_surprised.gif',
  29.               ':-x' => 'icon_mad.gif',
  30.               ':-|' => 'icon_neutral.gif',
  31.               ';-)' => 'icon_wink.gif',
  32.                '8)' => 'icon_cool.gif',
  33.                '8O' => 'icon_eek.gif',
  34.                ':(' => 'icon_sad.gif',
  35.                ':)' => 'icon_smile.gif',
  36.                ':?' => 'icon_confused.gif',
  37.                ':D' => 'icon_biggrin.gif',
  38.                ':P' => 'icon_razz.gif',
  39.                ':o' => 'icon_surprised.gif',
  40.                ':x' => 'icon_mad.gif',
  41.                ':|' => 'icon_neutral.gif',
  42.                ';)' => 'icon_wink.gif',
  43.               ':!:' => 'icon_exclaim.gif',
  44.               ':?:' => '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:

CSS:
  1. .post img {
  2.     float: left;
  3. }

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:

CSS:
  1. img.wp-smiley {
  2.     float: none;
  3. }

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

Compartir en Tuenti Como cambiar los emoticonos de WordPress


También te puede interesar :

    9 comentarios en “Como cambiar los emoticonos de WordPress”

  1. Información Bitacoras.com...

    Si lo deseas, puedes hacer click para valorar este post en Bitacoras.com. Gracias....

  2. Rick (13 comentarios) dijo:

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

  3. Angelfire (17 comentarios) dijo:

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

  4. [...] Como cambiar los emoticonos de WordPress - Cambiar los emoticionos (o smileys) de WordPress es sencillo, en esta completa guía tienes todos los pasos maternity personalizar tu blog. [...]

  5. [...] Como cambiar los emoticonos de WordPress - Cambiar los emoticionos (o smileys) deWordPress es sencillo, en esta completa guía tienes todos los pasos para personalizar tu blog. [...]

  6. reggaeton (1 comentarios) dijo:

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

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

  8. karina (1 comentarios) dijo:

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

Escribe un Comentario

Conectar con Facebook

XHTML: Puedes usar estos códigos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



Subir

Participa en el Debate
  • Pande: Ya, pero el problema no era sólo el xml del navegador, enlaza al feed (algo que no creo...
  • Jaime M.: Sinceramente, este plugin me parece abusivo. Como dicen por ahí arriba, tanto, que...
  • Daniel Batista: ok si ya cheque y borrando las cookies se soluciona. gracias y un saludo
  • Fernando: Puede ser cuestión de cookies, yo lo tengo en varios sitios y no me ha pasado lo que...
  • Fernando: Safari existe :)
Noticias Breves
  • El prestigioso diseñador web Rodrigo Galíndez, una vez más nos deleita con un impecable theme WordPress, de calidad premium, pero 100% gratis. Se trata de Modernist, de sutiles detalles minimalistas, con espacios equilibrados y un manejo profesional del blanco. Podés ver la demo y descargarlo aquí.

    [#5]

  • Si usas el plugin Simple Twitter Connect debes saber que desde hace un rato ya está disponible una actualización que incorpora el nuevo botón oficial de Twitter para compartir contenido.

    [#3]

  • Casi sin previo aviso está disponible WordPress 3.0.1 para descarga, de momento solo en inglés, en el sitio oficial. Esta actualización soluciona una cincuentena de pequeños fallos y poco más.

    [#14]


  • Ahora mismo en los FOROS ...
    Únete a la comunidad
    Usuarios Registrados
  • Acceder

  • Translate this Blog
    Spanish flagItalian flagChinese (Simplified) flagPortuguese flagEnglish flagGerman flagFrench flagJapanese flagRussian flagSwedish flagCatalan flagHebrew flag