Cómo cambiar el tamaño de la imagen de Gravatar en WordPress

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

Gravatar es un avatar reconocido mundialmente que vincula 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 agregan de forma predeterminada un Gravatar junto a cada comentario de usuario. Algunos incluso lo usan para el cuadro de biografía del autor.

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

Nota: Dado que el tamaño de la imagen de Gravatar lo define su tema, debe editar los archivos del tema para cambiarlo.

Si no le gusta el video o necesita más instrucciones, siga 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 la carpeta de temas.

Debe 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 usando la interfaz web en su cPanel.

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

Estará dentro del archivo wp_list_comments funciona así:

<?php
wp_list_comments( array(
	'style'       => 'ol',
	'short_ping'  => true,
	'avatar_size' => 32,
) );
?>

Simplemente cambie el tamaño al tamaño que prefiera. Los gravatars son cuadrados, por lo que el valor que establezca será el mismo para el ancho y el alto.

Continúe y guarde sus cambios. Si está utilizando FTP, cargue los cambios en su servidor.

Ahora abra una publicación que contenga comentarios para ver si sus cambios están activos.

Si no es así, entonces el CSS de su tema lo anula. La mejor forma de comprobarlo es utilizar la herramienta Inspeccionar elementos en su navegador.

Simplemente haga clic derecho en Gravatar en su navegador y haga clic en Inspeccionar artículo.

Inspecciona los comentarios del elemento Gravatar.

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

Cuando pase el mouse sobre él, también resaltará el gravatar en la imagen y le mostrará el tamaño que realmente está viendo.

Tamaño de imagen de WordPress Gravatar

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

Necesitas abrir el archivo style.css en tu carpeta de temas y buscar avatares. Es probable que encuentre una clase de CSS: .comment-author .avatar que contienen código como este:

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

Continúe y cambie el ancho y el alto para que coincidan con el valor establecido anteriormente en el archivo comments.php.

Eso es todo. Ha cambiado correctamente el tamaño de la imagen gravatar en sus comentarios de WordPress.

Ahora se pregunta si puede anular el tamaño de la imagen usando CSS, entonces ¿por qué cambiamos avatar_size en el archivo comments.php?

Sí, aunque puede utilizar el acceso directo de CSS, hay dos beneficios de 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, aparecerá borroso.

2. Tiempos de carga más rápidos

Ahora, si desea que el Gravatar sea más pequeño que el tamaño de imagen predeterminado, entonces el método de solo CSS será suficiente.

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 use, también podría usar Gravatar para los cuadros de biografía del autor. Puede cambiar el tamaño predeterminado de gravatar de manera similar a los comentarios.

Necesitas ubicar el archivo de tema que agrega la biografía. Podría estar en un archivo single.php, functions.php o incluso como un archivo de pieza de plantilla separado. El tema Twenty Sixteen predeterminado usa el archivo de pieza del modelo llamado bio.php.

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

Por el bien de este ejemplo, usaremos el tema TwentySixteen predeterminado como ejemplo. En la carpeta de temas:

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

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 como quieras.

En otros temas, el código podría 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 ha actualizado. De lo contrario, debe buscar la clase de avatar en el archivo style.css como mostramos para los comentarios y actualizar el tamaño allí también.

Esperamos que este artículo le haya ayudado a cambiar el tamaño de gravatar en WordPress. También puede consultar nuestra guía de los 25 errores más comunes de WordPress y cómo solucionarlos.

¿Te ha resultado útil??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicado. Required fields are marked *