How to Change Gravatar Image Size in WordPress

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.

Cómo cambiar el tamaño de la imagen de 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 foto. 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. Veamos cómo puede cambiar el tamaño de la imagen de Gravatar en su sitio de WordPress.
Notar: Dado que el tamaño de la imagen de Gravatar lo establece su tema, deberá editar los archivos de su tema para cambiarlo.

Video tutorial

Suscríbase a MundoCMS 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 su carpeta de temas. Deberá conectarse a su sitio web mediante FTP, luego navegar a / wp-content / themes / yourtheme /. Alternativamente, si su host de WordPress ofrece un administrador de archivos, puede editar este archivo usando la interfaz web de su cPanel. En el archivo comments.php deberías encontrar el siguiente código: avatar_size Estará en la función wp_list_comments así:

‘ol’, ‘short_ping’ => verdadero, ‘avatar_size’ => 32,)); ?> Simplemente cambie el tamaño a las dimensiones que desee. 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 con comentarios para ver si sus ediciones están publicadas. Si no es así, el CSS de su tema lo reemplaza. 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.
Inspeccionar los comentarios de elementos de 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 muestra.
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. Debe abrir el archivo style.css en su carpeta de temas y buscar un avatar. Probablemente encontrará una clase CSS: .comment-author .avatar que contiene código como este: .comment-author .avatar {altura: 42px; posición: relativa; alto: 0.25em; ancho: 42 px; } Continúe y cambie el ancho y el alto para que coincidan con el valor que estableció anteriormente en el archivo comments.php. Es todo. Ha cambiado con éxito el tamaño de la imagen gravatar en sus comentarios de WordPress. Ahora es posible que se pregunte 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 usar el atajo CSS, hay dos ventajas de hacerlo de esta manera:
1. Sin imagen borrosa
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 reducir el tamaño de Gravatar, el tamaño de imagen predeterminado, entonces el método de solo CSS estará 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 del gravatar de la biografía del autor

Dependiendo del tema que esté usando, también puede usar Gravatar para cuadros de biografía de autor. Puede cambiar el tamaño del gravatar predeterminado de una manera muy similar a los comentarios. Necesitas ubicar el archivo de tema que agrega la biografía. Puede ser el archivo single.php, functions.php o incluso un archivo de pieza de modelo separado. El tema predeterminado de Twenty Sixteen usa el archivo de habitación de plantilla llamado biography.php. Al buscar archivos, debe buscar el código get_avatar. Para este ejemplo, usaremos el tema TwentySixteen predeterminado como ejemplo. En la carpeta de temas: /wp-content/themes/twentysixteen/template-parts/biography.php archivo Se lee como sigue: $ 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 tienes que cambiar el número 32 por el que 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, tendrá que buscar la clase de avatar en el archivo style.css como mostramos para los comentarios y actualizar el tamaño también. Esperamos que este artículo te 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. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply