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 personalizado
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;  
}

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.

Avatares personalizados aleatorios

Si en vez de una única imagen necesitamos mostrar un conjunto o array de imágenes aleatorio, una solución sencilla sería crear varios archivos, guardarlos en el mismo directorio y asignarles una numeración en el nombre del archivo (1.jpg, 2.jpg, 3.jpg, etc.). Después, en la función que utilizamos para crear los avatares podemos utilizar la función rand de PHP para que se seleccione una al azar:

// Avatares personalizados aleatorios
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/'.rand(0,5).'.jpg';  
     // Nombre de nuestro avatar
     $avatar_defaults[$avatar] = "Nuevo misterioso";  
     return $avatar_defaults;  
}

En este ejemplo, cada vez que se ejecute la función, el nombre del archivo se generará automáticamente, seleccionando uno de los 6 posibles nombres (del 0 hasta el 5).

Para modificar el avatar por defecto, también podemos añadir nuestra función a pre_option_avatar_default:

// Avatar aleatorio
add_filter( 'pre_option_avatar_default', 'custom_default_avatar' );
function custom_default_avatar( $value ) {
	$avatar = 'http://ruta-de-nuestra-web/carpeta/'.rand(0,5).'.jpg';  
	return $avatar;
}

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

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 en tus diseños web, 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.

Comentarios

Responder a Sandra Cancelar la respuesta

Las URLs se convertirán en enlaces automáticamente. Tu dirección de email no se publicará ni se utilizará para enviar ningún tipo de información. Los mensajes que no aporten nada al tema que se trata en esta entrada se borrarán. Las imágenes que aparecen al lado de cada autor utilizan el servicio de Gravatar. Recuerda que puedes usar etiquetas HTML como <a href>, <code>, <em> o <strong> en los comentarios.

(necesario)

(opcional)

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.