C√≥mo cambiar el tama√Īo de la imagen Gravatar en WordPress

Recientemente, uno de nuestros lectores pregunt√≥ si es posible cambiar el tama√Īo de la imagen Gravatar. La respuesta es s√≠. En este art√≠culo, le mostraremos c√≥mo cambiar el tama√Īo de la imagen Gravatar en WordPress.

C√≥mo cambiar el tama√Īo de la imagen Gravatar en WordPress

Gravatar es un avatar reconocido a nivel mundial que conecta la dirección de correo electrónico de un usuario con su imagen. Las aplicaciones populares como WordPress y otras lo usan para mostrar la foto del usuario en el sitio web.

La mayoría de los temas de WordPress por defecto agregan un Gravatar al lado de cada comentario de usuario. Algunos incluso lo usan para el cuadro bio del autor.

Echemos un vistazo a c√≥mo puede cambiar el tama√Īo de la imagen Gravatar en su sitio de WordPress.

Nota: Dado que el tama√Īo de la imagen de Gravatar est√° definido por su tema, deber√° editar sus archivos de tema para cambiarlo.

Video Tutorial

Suscríbase a WPBeginner

Si no le gusta el video o necesita m√°s instrucciones, contin√ļe leyendo.

Cambiar el tama√Īo de Gravatar para los comentarios de WordPress

Lo primero que debe hacer es abrir el archivo comments.php ubicado en su carpeta de temas.

Debería conectarse a su sitio web mediante FTP y luego ir a / wp-content / themes / yourtheme /.

Alternativamente, si su empresa de alojamiento de WordPress ofrece un Administrador de archivos, puede editar este archivo utilizando la interfaz web en su cPanel.

En el archivo comments.php, debe encontrar el siguiente código: avatar_size

Estará dentro de la función wp_list_comments así:

 'ol',
	'short_ping'  => true,
	'avatar_size' => 32,
) );
?>

Simplemente cambie el tama√Īo a las dimensiones que desee. Los gravatares son cuadrados, por lo que el valor que establezca ser√° el mismo para ancho y alto.

Contin√ļa y guarda tus cambios. Si est√° utilizando FTP, cargue los cambios en su servidor.

Ahora abra una publicación que tenga comentarios para ver si sus cambios son en vivo.

Si no es así, entonces el CSS de su tema lo anula. La mejor manera de verificar es usar la herramienta Inspeccionar elementos en su navegador.

Simplemente haga clic derecho en Gravatar en su navegador y haga clic en Inspeccionar elemento.

Inspeccionar elemento Comentarios Gravatar

Debe observar el alto y el ancho de la imagen Gravatar para ver si refleja el valor que estableció.

Cuando coloque el mouse sobre √©l, tambi√©n resaltar√° el gravatar en la imagen y le mostrar√° el tama√Īo que realmente est√° mostrando.

Tama√Īo de imagen Gravatar WordPress

Notar√°s que los dos son diferentes. Esto significa que el archivo style.css de su tema est√° anulando el tama√Īo de imagen predeterminado. Muchos temas, incluido el tema predeterminado Twenty Sixteen, usan CSS para controlar el tama√Īo de la imagen Gravatar para diferentes tama√Īos de pantalla.

Debe abrir el archivo style.css en la carpeta de su tema y buscar avatar. Es probable que encuentre una clase CSS: .comment-author .avatar que contiene un código como este:

.comment-author .avatar {
	height: 42px;
	position: relative;
	top: 0.25em;
	width: 42px;
}

Contin√ļe y cambie el ancho y la altura para que coincidan con el valor que estableci√≥ anteriormente en el archivo comments.php.

Eso es todo. Has cambiado con √©xito el tama√Īo de la imagen gravatar en tus comentarios de WordPress.

Ahora puede que se pregunte si puede anular el tama√Īo de la imagen usando CSS, entonces ¬Ņpor qu√© cambiamos el avatar_size en el archivo comments.php?

Sí, si bien puede tomar el acceso directo CSS, hay dos beneficios al hacerlo de esta manera:

1. Sin im√°genes borrosas

Si desea cambiar el tama√Īo de WordPress Gravatar y hacerlo m√°s grande que el tama√Īo de imagen predeterminado, se ver√° borroso.

2. Tiempos de carga m√°s r√°pidos

Ahora, si desea hacer que Gravatar sea m√°s peque√Īo que el tama√Īo de imagen predeterminado, entonces el m√©todo CSS solo se ver√° bien.

Sin embargo, al cambiar el tama√Īo en comments.php, su imagen real es m√°s peque√Īa, lo que reduce el tama√Īo de la p√°gina y mejora la velocidad de su sitio.

Cambiar el tama√Īo de Gravatar para la biograf√≠a del autor

Dependiendo del tema que utilice, tambi√©n puede usar Gravatar para cuadros bio de autor. Puede cambiar el tama√Īo predeterminado de gravatar de una manera muy similar a los comentarios.

Necesita localizar el archivo de tema que agrega la biografía. Podría estar en el archivo single.php, el archivo functions.php o incluso como un archivo de parte de plantilla separado. El tema predeterminado Twenty Sixteen usa el archivo de parte de la plantilla llamado biografia.php.

Al buscar los archivos, debe buscar el código get_avatar.

En aras de este ejemplo, utilizaremos el tema predeterminado TwentySixteen como ejemplo. En la carpeta de temas:

/wp-content/themes/twentysixteen/template-parts/biography.php archivo

Se lee así:

$author_bio_avatar_size = apply_filters( 'twentysixteen_author_bio_avatar_size', 32 );

echo get_avatar( get_the_author_meta( 'user_email' ), $author_bio_avatar_size );

Solo tendr√°s que cambiar el n√ļmero 32 a lo que quieras.

En otros temas, el código puede verse así:

get_avatar( get_the_author_meta( 'user_email' ), 32);

Despu√©s de cambiar el tama√Īo, actualice la p√°gina para ver si el tama√Īo se actualiz√≥. De lo contrario, deber√° buscar la clase de avatar en el archivo style.css como mostramos para comentarios, y actualizar el tama√Īo all√≠ tambi√©n.

Esperamos que este art√≠culo te haya ayudado a cambiar el tama√Īo gravatar en WordPress. Es posible que tambi√©n desee ver nuestra gu√≠a sobre los 25 errores m√°s comunes de WordPress y c√≥mo solucionarlos.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver videos tutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.