M谩s

    C贸mo cambiar el tama帽o de la imagen de Gravatar en WordPress

    - Advertisement -

    驴Quieres cambiar el tama帽o de la imagen de Gravatar en WordPress?

    Gravatar es un servicio que conecta la direcci贸n de correo electr贸nico de un usuario con una imagen. Los temas de WordPress muestran Gravatars en un tama帽o determinado, pero es posible que prefiera hacer que estas im谩genes sean m谩s peque帽as o m谩s grandes para que se adapten mejor al dise帽o de su sitio web.

    En este art铆culo, le mostraremos c贸mo cambiar el tama帽o de las im谩genes de Gravatar en WordPress.

    驴Por qu茅 cambiar el tama帽o de la imagen de Gravatar en WordPress?

    Gravatar significa Avatar reconocido mundialmente. Es un servicio web que le permite crear un perfil y asociar im谩genes de avatar con su direcci贸n de correo electr贸nico.

    La mayor铆a de los temas de WordPress muestran un Gravatar junto al comentario del usuario. Algunos temas tambi茅n muestran un Gravatar en el cuadro de biograf铆a del autor.

    Incluso si un usuario no tiene una cuenta de Gravatar, su sitio a煤n mostrar谩 uno de los Gravatar de WordPress predeterminados.

    El gravatar predeterminado de WordPress

    A veces, es posible que desee cambiar el tama帽o de los Gravatars de su tema. Por ejemplo, es posible que desee hacerlos m谩s grandes para que se destaquen. Esto puede atraer la atenci贸n del visitante a la secci贸n de comentarios de su sitio y ayudarlo a obtener m谩s comentarios en sus publicaciones de WordPress.

    Habiendo dicho eso, echemos un vistazo a c贸mo puede cambiar el tama帽o de la imagen de Gravatar en su sitio de WordPress. Simplemente use los enlaces r谩pidos a continuaci贸n para saltar al m茅todo que desea usar.

    M茅todo 1: cambie el tama帽o de Gravatar usando el editor de sitio completo de WordPress (solo temas de bloque)

    Si est谩 utilizando un tema basado en bloques como ThemeIsle Hestia Pro o Twenty Twenty-Three, puede cambiar el tama帽o de Gravatar utilizando el editor de sitio completo.

    Este m茅todo no funciona con todos los temas, por lo que si no est谩 utilizando un tema habilitado para bloqueo, le recomendamos que utilice el m茅todo 2 en su lugar.

    En el panel de control de WordPress, vaya a Apariencia Editor.

    Abrir el editor de sitio completo de WordPress (FSE)

    En el men煤 de la izquierda, puede elegir si desea editar una plantilla o una parte de la plantilla.

    Para cambiar el tama帽o de Gravatar para los comentarios de WordPress, normalmente seleccionar谩 ‘Partes de la plantilla’ en el men煤 de la izquierda.

    Partes de la plantilla, en un tema habilitado para bloques de WordPress

    Despu茅s de eso, simplemente haga clic en ‘Comentarios’.

    Ahora puede hacer clic para seleccionar la parte de la plantilla Comentarios.

    La parte de la plantilla de 'comentarios' en el editor de sitio completo de WordPress

    Esto abre un nuevo men煤 con configuraciones que puede usar para personalizar la parte de la plantilla de comentarios.

    Ahora puede continuar y hacer clic en cualquiera de los Gravatars en la vista previa en vivo.

    Cambiar el tama帽o de la imagen de Gravatar usando el editor de sitio completo

    En el men煤 de la derecha, puede seleccionar la pesta帽a ‘Bloquear’ si a煤n no est谩 seleccionada.

    Ahora puede hacer que los Gravatars sean m谩s grandes o m谩s peque帽os arrastrando el control deslizante ‘Tama帽o de imagen’.

    Cambiar el tama帽o de un Gravatar usando el editor de sitio completo (FSE) en WordPress

    A medida que mueve el control deslizante, todos los Gravatars se actualizar谩n autom谩ticamente, por lo que puede probar diferentes tama帽os para ver cu谩l se ve mejor.

    Cuando est茅 satisfecho con los cambios que ha realizado, haga clic en el bot贸n ‘Guardar’.

    Guardar Gravatars redimensionados usando el editor de sitio completo (FSE)

    Ahora, si visita cualquier secci贸n de comentarios en su sitio web de WordPress, ver谩 los cambios en vivo.

    Si no est谩 utilizando un tema de WordPress habilitado para bloques, puede cambiar el tama帽o de Gravatar para los comentarios de WordPress usando c贸digo.

    Este m茅todo requiere que edites archivos de temas, por lo que no es la opci贸n m谩s amigable para principiantes. Sin embargo, este m茅todo deber铆a funcionar para la mayor铆a de los temas de WordPress.

    Si edita los archivos de su tema de WordPress directamente, esos cambios desaparecer谩n la pr贸xima vez que actualice su tema. Dicho esto, recomendamos crear un tema secundario, ya que esto le permite actualizar su tema de WordPress sin perder la personalizaci贸n.

    Despu茅s de crear un tema secundario, deber谩 conectarse a su sitio de WordPress usando un cliente FTP como FileZilla, o puede usar el administrador de archivos de su cPanel de alojamiento de WordPress.

    si eres un Terreno del sitio cliente, puede utilizar el panel de control de Site Tools en su lugar.

    Si es la primera vez que usa FTP, puede ver nuestra gu铆a completa sobre c贸mo conectarse a su sitio usando FTP.

    Una vez que est茅 conectado, debe ir a /wp-content/themes/ y abrir la carpeta de su tema actual de WordPress.

    Un ejemplo de un cliente FTP

    Una vez aqu铆, abre el archivo comments.php y busca un wp_list_comments funci贸n. Dentro de esta funci贸n, encontrar谩 elavatar_sizeque establece el tama帽o del Gravatar.

    Aqu铆 hay un ejemplo de c贸mo podr铆a verse esto:

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

    Simplemente puede cambiar el avatar_size al tama帽o que desee utilizar. En el fragmento de c贸digo anterior, esto significar铆a cambiar 60 a otro n煤mero.

    Los gravatars son cuadrados, por lo que WordPress usar谩 el mismo valor para el ancho y alto de la imagen. Esto significa que solo necesita escribir un n煤mero.

    Despu茅s de realizar este cambio, aseg煤rese de guardar y volver a cargar el archivo en su cuenta de alojamiento de WordPress. Cuando haya terminado, puede visitar su blog de WordPress para ver el cambio en acci贸n.

    Si la imagen de Gravatar no ha cambiado, puede deberse a la memoria cach茅. Para obtener m谩s informaci贸n, consulte nuestra gu铆a sobre c贸mo solucionar que WordPress no se actualice de inmediato.

    Si el Gravatar a煤n no cambia, entonces el CSS de su tema podr铆a estar anulando la configuraci贸n en el archivo comments.php.

    Puede ver si este es el caso utilizando la herramienta Inspeccionar de su navegador. Los pasos variar谩n seg煤n el navegador que est茅 utilizando, pero en Chrome, puede simplemente hacer clic derecho o Ctrl-clic en Gravatar y luego seleccionar ‘Inspeccionar’.

    Inspeccionar un Gravatar de WordPress usando Google Chrome

    Esto mostrar谩 el c贸digo HTML y CSS de la p谩gina en un nuevo panel.

    En este c贸digo, debe buscar los valores de alto y ancho.

    Edici贸n de un Gravatar de WordPress usando la herramienta Inspeccionar de Chrome

    Si el tama帽o es diferente al que especific贸 en el archivo comments.php, significa que el archivo style.css de su tema anula sus cambios.

    Si este es el caso, simplemente vuelva a su cliente FTP. Ahora puede abrir la carpeta del tema y luego abrir el archivo style.css.

    Abriendo el archivo style.css de un tema de WordPress usando un cliente FTP

    Aqu铆, busque un bloque de c贸digo que tenga la palabra avatar.

    Por lo general, encontrar谩 esto en un comment-author .avatar Clase CSS, como esta:

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

    Ahora puede continuar y cambiar el ancho y la altura a los valores que desee para sus Gravatars.

    Despu茅s de eso, simplemente guarde sus cambios. Ahora, si visita su blog o sitio web de WordPress, ver谩 sus im谩genes Gravatar actualizadas.

    En este punto, es posible que se pregunte por qu茅 recomendamos intentar cambiar el tama帽o de Gravatar en el archivo comments.php antes de usar el m茅todo CSS m谩s sencillo.

    En primer lugar, CSS a veces puede hacer que los Gravatars se vean borrosos, especialmente si haces que los avatares sean mucho m谩s grandes que la imagen original. En segundo lugar, cambiar el tama帽o de la imagen en comments.php a menudo ayuda a que tu sitio se cargue m谩s r谩pido.

    Para obtener m谩s informaci贸n sobre este tema, consulte nuestra gu铆a definitiva para aumentar la velocidad y el rendimiento de WordPress.

    M茅todo 3: C贸mo cambiar el tama帽o de Gravatar para la biograf铆a del autor

    Si ejecuta un sitio de WordPress de varios autores, un cuadro de autor puede ayudar a los lectores a obtener m谩s informaci贸n sobre el autor de la publicaci贸n.

    Si desea agregar esta funci贸n a su sitio web, consulte nuestra gu铆a sobre c贸mo agregar un cuadro de informaci贸n del autor en las publicaciones de WordPress.

    Muchas biograf铆as de autores muestran el Gravatar del escritor junto con su biograf铆a. Para cambiar el tama帽o predeterminado de Gravatar en los cuadros de su biograf铆a de autor, debe encontrar el archivo de tema que agrega la biograf铆a.

    Simplemente con茅ctese a su sitio usando un cliente FTP como FileZilla o el administrador de archivos de su alojamiento de WordPress. Una vez que est茅 conectado, vaya a /wp-content/themes/ y abra la carpeta de su tema actual de WordPress.

    Despu茅s de eso, debe abrir la carpeta template-parts.

    Edici贸n de partes de plantilla en un tema de WordPress usando un cliente FTP

    Ahora necesita encontrar el archivo que contiene el get_avatar c贸digo. A menudo encontrar谩 este c贸digo en un archivo parcial de plantilla llamado author-bio.php, archivo single.php, archivo functions.php o similar.

    Aqu铆 hay un ejemplo de c贸mo podr铆a verse este c贸digo:

    <div class="author-bio <?php echo get_option( 'show_avatars' ) ? 'show-avatars' : ''; ?>">
            <?php echo get_avatar( get_the_author_meta( 'ID' ), '85' ); ?>
    

    En el fragmento anterior, simplemente puede cambiar el n煤mero 85 al tama帽o que desea usar.

    En otros temas, el c贸digo puede verse as铆:

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

    Simplemente puede reemplazar el n煤mero con el valor que desea usar para hacer que el Gravatar sea m谩s grande o m谩s peque帽o.

    Despu茅s de cambiar el tama帽o, no olvide guardar los cambios. A continuaci贸n, puede visitar su sitio web para ver el nuevo cuadro biogr谩fico del autor en acci贸n.

    Si los Gravatars no han cambiado, deber谩 buscar la clase de avatar en el archivo style.css siguiendo el mismo proceso descrito anteriormente. Una vez que encuentre esta clase, puede escribir los nuevos valores de altura y ancho de Gravatar.

    Esperamos que este tutorial le haya ayudado a aprender c贸mo cambiar el tama帽o de la imagen de Gravatar en WordPress. Es posible que tambi茅n desee aprender a mostrar im谩genes redondas de Gravatar en WordPress o consultar nuestra lista de los mejores complementos de p谩gina de destino.

    Si te ha gustado este art铆culo, suscr铆bete a nuestro Canal de Youtube para tutoriales en v铆deo de WordPress. Tambi茅n puedes encontrarnos en Gorjeo y Facebook.


    Fuente: C贸mo cambiar el tama帽o de la imagen de Gravatar en WordPress

    Populares

    M谩s de esta categor铆a

    DEJA UNA RESPUESTA

    Por favor ingrese su comentario!
    Por favor ingrese su nombre aqu铆

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