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 conecta la dirección de correo electrónico de un usuario con su foto. Aplicaciones populares como WordPress y otras lo utilizan para mostrar la foto del usuario en el sitio web.

La mayoría de los temas de WordPress por defecto añaden un Gravatar al lado de cada comentario de usuario. Algunos incluso lo usan para la caja de biografía del autor.

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

Nota: Dado que el tamaño de Gravatar Image está definido por tu tema, necesitarías editar tus archivos de tema para cambiarlo.

Video Tutorial

Suscribirse a AprenderWP

Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.

Cambiar el tamaño del gravador para los comentarios de WordPress

Lo primero que debe hacer es abrir el archivo comments.php que se encuentra en la carpeta de temas.

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

Alternativamente, si su compañía de alojamiento WordPress ofrece un Administrador de Archivos, entonces usted puede editar este archivo usando la interfaz web en su cPanel.

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

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

1234567ol, 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 establecido será el mismo tanto para el ancho como para el alto.

Continúe y guarde los cambios. Si utiliza FTP, cargue los cambios en su servidor.

Ahora abre una entrada que tenga comentarios para ver si tus cambios están activos.

Si no lo es, entonces el CSS de su tema lo está anulando. La mejor manera de comprobarlo es utilizar la herramienta Inspeccionar elementos en su navegador.

Simplemente haga clic con el botón derecho del ratón en el Gravatar de su navegador y haga clic en Inspeccionar Elemento.

Necesitas mirar la altura y el ancho de la imagen de Gravatar para ver si refleja el valor que has establecido.

Cuando pases el ratón por encima, también resaltará el gravatar de la imagen y te mostrará el tamaño que está mostrando.

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, incluyendo el tema por defecto Veintiséis, 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 la carpeta de tu tema y buscar el avatar. Probablemente encontrarás una clase CSS: .comment-author.avatar que contiene un código como este:

123456.comment-author.avatar { altura: 42px; posición: relativa; arriba: 0.25em; ancho: 42px;}

Adelante, cambie la anchura 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 del gravatar en tus comentarios de WordPress.

Ahora te estarás preguntando si puedes anular el tamaño de la imagen usando CSS, entonces ¿por qué cambiamos el tamaño_del_avatar en el archivo comments.php?

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

1. Sin imágenes borrosas

Si quieres redimensionar el Gravatar de WordPress y hacerlo más grande que el tamaño de la imagen por defecto, entonces se verá borroso.

2. Tiempos de carga más rápidos

Ahora bien, si querías hacer el Gravatar más pequeño que el tamaño de la imagen por defecto, entonces el método sólo CSS 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 del Gravatar por el de Autor Bio

Dependiendo del tema que uses, también puede usar Gravatar para las cajas de biografía de autor. Puedes cambiar el tamaño del gravatar por defecto de una manera muy similar a los comentarios.

Necesita localizar el archivo de tema que agrega la biografía. Puede estar en el archivo single.php, en el archivo functions.php, o incluso como un archivo de parte de plantilla separado. El tema por defecto Veintiséis utiliza el archivo de la parte de la plantilla llamado biography.php.

Cuando busque los archivos, debe buscar el código get_avatar.

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

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

Se lee así:

123$author_bio_avatar_size= apply_filters(twentysixteen_author_bio_avatar_size, 32 ); echoget_avatar(get_the_author_meta(user_email), $author_bio_avatar_size);

Sólo tienes que cambiar el número 32 por el que quieras.

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

1get_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 actualizado. Si no, entonces necesitarías 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 del gravatar en WordPress. También puedes ver nuestra guía sobre los 25 errores más comunes de WordPress y cómo corregirlos.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir