Cómo cambiar el Avatar por Default en WordPress

Mayo 6, 2009 • Debugueando, Tutoriales, WordPress

Los Avatars en los comentarios son una de las cosas que más me gustan de WordPress, sin embargo el “señor misterioso”, el Avatar que muestra por default WordPress, nunca me ha caido muy bien.

Tal vez por ser blanco y gris, colores medio apagados a mi parecer, seguro que a muchos de ustedes tampoco les ha de agradar mucho (?) , entonces ¿porque no cambiarlo y poner tu propio avatar personalizado?.

¿Cómo?, a continuación un pequeño tutorial cortesia de Build Internet más algún bonus agregado por mi, manos a la obra.

Avatares Personalizados

Primero abrimos el archivo functions.php de nuestro theme, si no tienen uno, pueden crearlo desde el Notepad o su editor de código favorito y subirlo por FTP a la carpeta de su template.

Hecho esto no situamos en él, preferiblemente al final, antes de que se cierre el archivo con el simbolo ?> y agregamos este snippet:

add_filter( 'avatar_defaults', 'newgravatar' );

function newgravatar ($avatar_defaults) {
    $myavatar = get_bloginfo('template_directory') . '/images/customavatar.png';
    $avatar_defaults[$myavatar] = "Avatar Redux";
    return $avatar_defaults;
}

Donde:

Add Filter es la función que le dice a WP que vamos a editar la sección de los avatar por default, agregando uno nuevo.
La función “newgravatar” es la responsable de proporcionar la ubicación y el título del nuevo Gravatar que vamos a añadir.
La primera linea de la función corresponde a la ubicación de la imagen que se va a usar para añadir el nuevo gravatar, es importante señalar que además del nombre se debe especificar el tipo de archivo correcto (JPG,PNG).
La segunda línea es la que define el nombre de este, en mi caso: “Avatar Redux”.
La última parte devuelve los resultados que deben incluirse en el theme a la matriz avatar_defaults.

En caso de que se quieran agregar 2 o más avatars, basta con repetir las 2 líneas que componen la función, sólo que numerandolas para tener un ID o clave diferente:

 $myavatar = get_bloginfo('template_directory') . '/images/customavatar.png';
    $avatar_defaults[$myavatar] = "Avatar Redux";

 $myavatar2 = get_bloginfo('template_directory') . '/images/blogavatar.jpg';
    $avatar_defaults[$myavatar2] = "My Avatar";

    return $avatar_defaults;
}

Y eso es todo, adios al señor misterioso , espero les sirva, un pequeño truco o hack que tiene un buen impacto visual, pueden ver el de este blog hecho por mi amigo y gran diseñador Teo Atienza en los comentarios, así mismo quiero darle las gracias a Andrés Nieto por ayudarme con el CSS para mostrar código en los posts de WordPress.

Escrito por Esteban Rojas

Blogger radicado en México, fundador de Kernel Web, autodidacta, fanático de WordPress, por el momento estudiando el bachillerato, luego ya veremos.

Etiquetas: Avatars WordPress Hacks

8 grandiosos comentarios. Gracias por su opinión.

Excelente, y excelente también el nuevo diseño de tu blog, Esteban, está limpísimo, a ver cuando saco yo también un rato para actualizar el theme, me da tanta pereza…
- todotuto dijó:
- 7 Mayo 2009
Responder
Muy interesante, lo pondré en mi blog cuando se me ocurra una imagen divertida para poner
- THEbatzuk dijó:
- 7 Mayo 2009
Responder
Estaba buscando algo como esto desde hace tiempo, muchas gracias
- Dario dijó:
- 8 Mayo 2009
Responder
Me parece algo bastnate bueno, a pesar de que yo no manejo wordpress parece bastante util.
Saludos Esteban Pdta cambie la direccion de mi web, checala y me das tu opinion. adios
- Mathews dijó:
- 9 Mayo 2009
Responder
Gracias a todos por sus comentarios.

Me alegro de que te sirviera Dario, intentaré de ahora en más hacer posts de este tipo enfocados a WordPress
- Esteban Rojas dijó:
- 9 Mayo 2009
Responder
Nos gustaría intercambiar enlaces con ustedes, contáctennos.
- Tecnología 21 dijó:
- 9 Mayo 2009
Responder
Grande Esteban Me pongo manos a la obra con el pack de gravatares, a ver qué tal
- Teo Atienza dijó:
- 11 Mayo 2009
Responder
muy bueno na.. gracias
- javi dijó:
- 28 Agosto 2009
Responder