Daniel Nabil González: diseñador web y gráfico en Mallorca
Si tienes un proyecto en mente y crees que podríamos colaborar, ponte en contacto conmigo: por email o por teléfono: 971 53 15 67
Pollença < Mallorca < España

Cómo cambiar el avatar por defecto de Wordpress

Avatares WordPress

Opciones de avatar en el panel de control de WordPress

Una instalación de WordPress incluye la opción de mostrar avatares (también conocidos como “gravatares”) de los autores de entradas y comentarios.

La palabra “Gravatar” viene de Globally Recognized Avatar (Avatar reconocido globalmente) y no es más que una imagen que se asocia a tu perfil vayas donde vayas en internet. Es decir, cada vez que dejas un comentario en alguna web o foro, esta imagen aparecerá al lado de tu nombre (siempre que utilices el email al que has asociado esa imagen, claro). Si sabes inglés, aquí lo explican perfectamente.

Podemos hacer que estos avatares se muestren en nuestro blog o web, simplemente yendo al menú Opciones y después seleccionando Discusión.

Desde aquí podemos elegir si queremos mostrar o no estas imágenes y que aspecto les queremos dar cuando el autor no tenga ninguna imagen asociada a su perfil. Por defecto, WordPress utiliza la opción “Misterioso” (aunque en los blogs de WordPress.com se muestran desde hace tiempo los avatares autogenerados por defecto. De todas formas, para una instalación personalizada no es recomendable usar los auto-generados porque consumen bastante CPU).

Para personalizar al máximo nuestra instalación de WordPress, podemos cambiar el avatar por defecto para que muestre la imagen que nosotros queramos. No es complicado, pero hay que editar el código manualmente, es decir, no es una opción que se marque con un simple click de ratón (aunque seguro que existe algún plugin que simplifica el trabajo).

Esta es la imagen del “misterioso” avatar por defecto de WordPress: Avatar misterioso

Para cambiarla, lo primero que tenemos que hacer es crear una nueva con cualquier programa de edición de imágenes. Muchos blogs y webs utilizan un tamaño de 80×80 pixels, así que podemos hacerla a este tamaño y reducirla con CSS si es necesario. Puede ser un GIF, JPG o PNG.

A continuación hay que abrir el archivo functions.php del tema que tengamos activo. Si no existe, creamos un nuevo documento, lo llamamos functions.php y lo guardamos dentro de la carpeta del tema. Después ya podemos añadir este código (*):

// Nuevo avatar misterioso
add_filter('avatar_defaults', 'miavatar');
function miavatar ($avatar_defaults) {
     // Ruta a nuestra imagen (puede estar en el mismo servidor o en otro)
     $avatar = 'http://ruta-de-nuestra-web/carpeta/nombre-del-archivo.jpg';
     // Nombre de nuestro avatar
     $avatar_defaults[$avatar] = "Nuevo misterioso";
     return $avatar_defaults;
}

* NOTA: Recuerda que este código tiene que ir entre "<?php" y "?>". El error más común al editar el archivo functions.php es pegar código fuera de las llamadas a PHP o pegarlo dentro duplicando estas llamadas.

Este código simplemente reescribe la función “avatar-defaults” con la que hemos personalizado, especificando la ruta a la nueva imagen y el nombre que aparecerá en la lista de opciones de WordPress.

Después de subir el archivo functions.php actualizado al servidor, hay que ir a las opciones de WordPress: Opciones > Discusión y seleccionar nuestro nuevo avatar.

Ya sabes, si eres de los que necesita personalizar hasta el más mínimo detalle de WordPress o de cualquier otro sistema, aquí tienes una idea.

Por cierto, si no tienes imagen de Gravatar sólo tienes que registrarte en la web de Gravatar y subir la imagen que quieres utilizar.

2 comentarios (añade uno nuevo)

  • Hola!

    Muchas Gracias, me ayudastes mucho, en otras paginas que vi hace un tiempo no me ayudaban, lo tenian mal explicado, te te as llevado el Oro hahahahaa!!!.. por casualidad no sabras como cambiar el tamaño del avatar? o poner un otro marco?? te lo agradeceria mucho!!…

    Saludos !!

  • Me alegro de que te haya servido de ayuda. Precisamente decidí publicarlo porque las explicaciones que había encontrado en otras webs estaban en inglés o bien en español pero explicado sin demasiado detalle.

    En cuanto al tamaño, lo suyo es hacerlos a 80×80 pixels y luego darles el tamaño final con la función “get_avatar“. Por ejemplo:

    < ?php echo get_avatar($comment,35); ?>

    “35″ es el tamaño en pixels que queremos que tenga el avatar. Si los hemos creado a 80×80 tenemos más margen para probar y cambiar cuando queramos.

Añadir un comentario