Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo cambiar el Gravatar predeterminado en WordPress (Guía fácil)

Ese avatar genérico de 'persona misteriosa' en la sección de comentarios de tu WordPress no le hace ningún favor a tu sitio. Habiendo construido cientos de sitios de WordPress, sabemos cómo una sección de comentarios personalizada puede hacer que tu sitio sea más atractivo y profesional.

Ya sea que desees usar el logo de tu marca, un diseño personalizado o simplemente algo más atractivo que la silueta gris predeterminada, cambiar tu gravatar predeterminado es una forma sencilla de mejorar la apariencia de tu sitio. ¿La mejor parte? No necesitas ser un experto en tecnología para hacer este cambio.

En esta guía, te mostraremos varias formas de reemplazar el gravatar predeterminado en WordPress

Cómo cambiar el Gravatar predeterminado en WordPress

¿Qué es un Gravatar predeterminado y por qué cambiarlo?

Gravatar significa Globally Recognized Avatar (Avatar Reconocido Globalmente). Es un servicio web que permite a las personas crear un perfil y asociar imágenes de avatar con su dirección de correo electrónico.

Todos los sitios de WordPress tienen soporte integrado para gravatares y mostrarán automáticamente el avatar del usuario cuando escriban publicaciones en un blog de WordPress de varios autores o dejen comentarios.

Si un usuario no tiene un gravatar, WordPress mostrará un gravatar predeterminado en su lugar. Para la mayoría de los sitios web de WordPress, esta es una persona misteriosa gris.

El Gravatar predeterminado en WordPress

Puedes cambiar este gravatar predeterminado por cualquier otra imagen de tu elección. Por ejemplo, podrías usar una imagen que represente a tu empresa, como el logo de tu sitio web. Esto puede ayudar a reforzar tu marca.

En nuestro caso, decidimos deshabilitar los gravatares por completo, ya que encontramos que crea un paso adicional innecesario para los usuarios que desean dejar comentarios.

La sección de comentarios de WPBeginner

Dicho esto, veamos cómo puedes cambiar la imagen de gravatar predeterminada en WordPress. Simplemente usa los enlaces rápidos para saltar directamente al método que deseas usar:

Método 1: Cambiar el Gravatar Predeterminado de WordPress (Rápido y Fácil)

WordPress viene con algunos gravatares predeterminados diferentes que puedes usar. Usar los predeterminados es la forma más rápida de cambiar el gravatar de la persona misteriosa, aunque estas imágenes no serán únicas para tu sitio web de WordPress o marca.

Para ver los diferentes gravatares predeterminados, necesitas ir a Ajustes » Discusión desde el área de administración de WordPress.

Cambiar los Gravatares predeterminados en WordPress

Debajo de 'Avatar Predeterminado', verás todas las diferentes imágenes de avatar de usuario que WordPress puede usar cuando no hay un gravatar vinculado a la dirección de correo electrónico de la persona.

Por defecto, WordPress usa la persona misteriosa como su predeterminado, pero puedes usar cualquier otra imagen en esta sección.

Los Gravatares integrados de WordPress

Simplemente haz clic en el botón de opción junto a la imagen que deseas usar en tu blog de WordPress.

Luego, desplázate hasta la parte inferior de la pantalla y haz clic en ‘Guardar cambios’.

Hacer clic en el botón 'Guardar cambios' en la página de configuración de Discusión de WordPress

Método 2: Usar Thrive Comments para Subir un Gravatar Personalizado (Método con Plugin)

Si no te gustan las imágenes de perfil predeterminadas de WordPress, puedes subir un gravatar personalizado en su lugar. Esta es la mejor manera de personalizar tu sección de comentarios para tu marca.

Para este método, usaremos Thrive Comments. Es un plugin de comentarios diseñado para animar a los usuarios a comentar en tus publicaciones de blog y aumentar la interacción de tu sitio web.

Además de la función de gravatar personalizado, Thrive Comments viene con herramientas para hacer tu sección de comentarios más divertida y emocionante. Por ejemplo, puedes habilitar me gusta y no me gusta, al igual que en un sitio de redes sociales.

El plugin Thrive Comments de WordPress

Puedes obtener Thrive Comments como un plugin individual o comprar el paquete completo de Thrive Themes Suite. Esto incluye todos los productos de Thrive, como Thrive Ovations, que puede convertir tus comentarios en testimonios.

Después de eso, puedes descargar un paquete zip del plugin para instalarlo en tu sitio de WordPress. Lee nuestra guía completa sobre cómo instalar un plugin de WordPress para más información.

Con el plugin instalado y activado, puedes ir a Panel de Thrive » Thrive Comments desde el área de administración de WordPress. Luego, abre la pestaña 'Personalizar estilo'.

Dentro de esta pestaña, asegúrate de que la configuración 'Mostrar avatares' esté activada. Una vez hecho, simplemente haz clic en 'Elegir imagen'.

Elegir un gravatar personalizado en Thrive Comments

En este punto, puedes elegir una imagen existente de la biblioteca de medios de WordPress o subir la tuya para usarla como imagen predeterminada de Gravatar.

Puedes usar una foto de stock, crear tu propio logotipo personalizado, o incluso crear una nueva imagen de gravatar usando software de diseño web como Canva. Esta imagen debe ser cuadrada, como de 250x250 píxeles.

Una vez que hayas elegido una imagen, haz clic en 'Seleccionar'.

Seleccionar una imagen de gravatar en la biblioteca de medios de WordPress usando Thrive Comments

¡Y listo!

Ahora deberías ver tu nueva foto de perfil de gravatar predeterminada en la vista previa y en tu sección de comentarios en vivo.

Ejemplo de un comentario después de activar el plugin Thrive Comments

Lo genial de Thrive Comments es que puedes cargar avatares de forma diferida (lazy load) fácilmente con él.

Lo que eso significa es que WordPress no mostrará el gravatar de un comentarista hasta que el visitante del sitio web se desplace hasta ese comentario específico.

Si deseas habilitar esta función, simplemente ve a Thrive Dashboard » Thrive Comments y abre la pestaña ‘Configuración avanzada’. Luego, marca la casilla que dice ‘Cargar imágenes de avatar cuando el comentario entre en la vista’.

También puedes marcar las otras funciones de carga diferida, también.

Habilitar la carga diferida en Thrive Comments

Para más consejos y trucos sobre cómo usar Thrive Comments, consulta estas guías:

Método 3: Insertar un Fragmento de Código para Usar un Gravatar Personalizado (Método con Código)

Además de usar Thrive Comments, también puedes subir un gravatar personalizado usando código. Es posible que prefieras este método si simplemente deseas agregar una nueva imagen a la lista de gravatares en la página de Discusión de WordPress.

Al igual que en el segundo método, necesitas tener una imagen que quieras usar como gravatar.

Después de eso, puedes subir la imagen a tu sitio de WordPress yendo a Medios » Agregar nuevo. Aquí, puedes elegir una imagen de la biblioteca de medios de WordPress o subir un nuevo archivo desde tu computadora.

Cómo subir un Gravatar predeterminado personalizado en WordPress

Ahora que has elegido una imagen, haz clic en el enlace ‘Editar’ junto a ella.

WordPress ahora abrirá el archivo para editarlo. En esta pantalla, desplázate hasta la sección ‘URL del archivo’.

Subir un Gravatar predeterminado de WordPress

Toma nota de esta URL, ya que la necesitarás en el siguiente paso.

En esta etapa, necesitas agregar algo de código a tu sitio de WordPress. A menudo, los tutoriales te pedirán que agregues fragmentos personalizados al archivo functions.php de tu tema.

Sin embargo, no recomendamos esto porque incluso un pequeño error en tu código puede causar errores comunes de WordPress o romper completamente tu sitio web.

Es por eso que recomendamos usar WPCode. Es la forma más fácil y segura de agregar código personalizado en WordPress sin tener que editar ningún archivo principal de WordPress.

Lo primero que necesitas hacer es instalar y activar el plugin gratuito WPCode. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, ve a Fragmentos de código » Agregar fragmento en tu panel de WordPress.

Cómo agregar un fragmento de avatar personalizado a tu sitio web de WordPress

Aquí verás todos los diferentes fragmentos que puedes agregar a tu sitio web de WordPress. Estos incluyen fragmentos que te permiten deshabilitar completamente los comentarios en WordPress, subir archivos SVG a tu sitio y más.

Incluso hay uno para usar una imagen personalizada para el avatar predeterminado. Simplemente busca el fragmento 'Custom Default Avatar' en la biblioteca.

Una vez que lo encuentres, pasa el ratón sobre él y luego haz clic en el botón 'Usar fragmento'.

Mostrar un avatar personalizado usando código

Después de eso, WPCode agregará automáticamente el código correcto para ti.

No olvides reemplazar la URL con un enlace a la imagen que deseas usar como gravatar predeterminado de WordPress.

WPCode agrega automáticamente el código, solo necesitas reemplazar la URL de la imagen

Debajo del cuadro de código, verás algunas opciones de inserción. Si no está seleccionado, elige el método 'Inserción automática' para que el fragmento se inserte y ejecute automáticamente en todo tu sitio.

Después de eso, abre el menú desplegable 'Ubicación' y haz clic en 'Ejecutar en todas partes'.

Cómo ejecutar código gravatar PHP en todo tu sitio web

Una vez que hayas hecho eso, necesitas desplazarte hasta la parte superior de la pantalla y hacer clic en el interruptor 'Inactivo' para que cambie a 'Activo'.

Finalmente, haz clic en 'Actualizar' para que el fragmento de gravatar se active.

Cómo activar el fragmento de código gravatar

Para empezar a usar este gravatar, ve a la página Ajustes » Discusión.

En la sección 'Avatar predeterminado', selecciona la nueva opción 'Avatar personalizado'.

Cómo cambiar el Gravatar predeterminado en WordPress

Después de eso, asegúrate de hacer clic en ‘Guardar Cambios’ para almacenar tu configuración.

Ahora, si visitas tu sitio web, verás la nueva imagen de gravatar predeterminada en vivo.

Un ejemplo de un Gravatar predeterminado personalizado, en un sitio web de WordPress

¡Eso es todo! Para aprender más sobre gravatares en WordPress, consulta estas guías:

Esperamos que este artículo te haya ayudado a aprender cómo cambiar el gravatar predeterminado en WordPress. También te puede interesar nuestra guía sobre cómo moderar comentarios en WordPress y nuestra lista de los mejores plugins de comentarios para WordPress.

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

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

119 CommentsLeave a Reply

  1. Gracias por la buena explicación, ahora tengo claro cómo configurar mi gravatar en mi sitio de WordPress.

  2. ¡Gracias, gracias, gracias! Busqué por todas partes cómo cambiar el avatar predeterminado y ustedes fueron los únicos que lo explicaron de forma sencilla y lo mostraron. A veces, encontrar la respuesta en un mar de información puede ser abrumador. ¡Son geniales!

  3. ¿cómo configurar para que cuando un usuario comente mi publicación se muestre su perfil original? por favor ayúdenme. gracias

  4. Hola, intenté esto en la función del tema de mi hijo y simplemente no funciona. La imagen en la configuración de discusión y en el front-end aparecen rotas. Cuando hago clic derecho para ver la ruta, muestra:

    Añade i1.wp.com antes del enlace. Incluso cuando intenté conectarme directamente al directorio de la hoja de estilos del tema hijo y tomarlo de la carpeta, ‘images/chicken_avatar.png’, todavía añadía i1.wp.com

    ¿Alguna idea de cómo solucionar esto? ¡Gracias!

    • Hola Joy,

      Lo probamos de nuevo con un tema hijo y funcionó como se esperaba. No estamos seguros de qué podría estar causando el problema. Puedes seguir las instrucciones nuevamente. Asegúrate de agregar la URL completa de la imagen en el código.

      Administrador

      • Todavía muestra i0.wp.com/MiSitio al ir a la ubicación de la imagen, pero cambié el código de URL a (‘/custom-gravatar/mh-profile-photo-default.png’), en lugar de ‘example.com/wp-content/uploads/2017/09/mh-profile-photo-default.png’). En Configuración > Discusión, muestra mi foto de administrador como el Gravatar de usuario predeterminado, ¡pero en los perfiles de usuario, se ve bien! :-)

  5. Hola.

    El código funcionó perfectamente para mí. Pero esto plantea otro problema:

    El mismo gravatar aparece cuando todos los demás, incluidos los visitantes, comentan en mi blog.

    ¿Cómo soluciono esto?

  6. Hola, agregué y guardé exitosamente la entrada (tipo = url) para cada perfil de usuario, solo en la instalación de localhost.
    Estoy intentando cambiar el código original del sitio web de WP Codex:

    De:
    add_filter( ‘avatar_defaults’, ‘new_default_avatar’ );

    function new_default_avatar ( $avatar_defaults ) { //Establece la URL donde se encuentra el archivo de imagen para tu avatar $new_avatar_url = get_bloginfo( ‘template_directory’ ) . ‘/images/new_default_avatar.png’; //Establece el texto que aparecerá a la derecha de tu avatar en Configuración>>Discusión $avatar_defaults[$new_avatar_url] = ‘Tu Nuevo Avatar Predeterminado’; return $avatar_defaults; }

    ¿A algo que reemplazará la URL del avatar predeterminado para cada usuario con el valor de un campo de entrada personalizado (si no está vacío), alguna ayuda?
    Sé que hay plugins que permiten a los suscriptores subir imágenes de gravatar, pero no quiero permitirles hacer eso, quiero darles la oportunidad de poner la URL de sus propias imágenes

  7. Tengo Gravatar configurado en Wordpress, pero cuando el correo electrónico se envía a mis seguidores de mi blog, aparece el hombre misterioso. Se ve muy mal en la parte superior de mi correo electrónico. ¿Alguna sugerencia?

    ¡Gracias!

  8. Aquí hay dos carpetas de imágenes en Cpanel.
    1. /public_html/wp-includes/images
    2. /public_html/wp-content/themes/divi/images

    ¿En qué carpeta subí la imagen?

  9. Estoy buscando un plugin, o una solución de código SIMPLE que me permita crear una serie de imágenes de gravatar/avatar 'predeterminadas' que estén codificadas por colores según el género/orientación del miembro. Los obvios como azul para hombre, rosa para mujer, pero probablemente añadiré lavanda para transgénero y posiblemente otros. Básicamente, la decisión sobre el avatar 'predeterminado' que aparece para el miembro (hasta que suba una imagen) al menos permitiría a las personas que navegan por el sitio saber si la persona que ven publicando (o en línea) es hombre / mujer / transgénero / etc. ¿Alguna idea?

  10. ¿Hay algún código para forzar que el avatar predeterminado esté en blanco? Lo tengo configurado como en blanco en la configuración de WP, pero todavía aparece como el hombre misterioso. ¿Hay algún código para eliminar al hombre misterioso por completo para que ni siquiera sea una opción? ¿O para asegurarme de que esté en blanco y no sea el hombre misterioso? ¡Gracias!

  11. ¿Cómo se podría rotar un conjunto de imágenes en ese espacio de miniaturas de Gravatar? Es decir: si tuviera 5 imágenes diferentes, ¿cómo hacer que aparecieran aleatoriamente para los usuarios sin Gravatar, de modo que hubiera una variación de las 5?

  12. Si alguien está teniendo problemas con temas hijos, solo use:

    $myavatar = get_stylesheet_directory_uri().’/img/favicon.png’;

    Funciona.

    • Ve al sitio web de Gravatar e inicia sesión con WordPress. Luego puedes subir tu avatar y asociarlo a uno o más de tus correos electrónicos.

  13. Muchas gracias por estas instrucciones. Por alguna razón, las cosas se pusieron raras cuando usé un archivo .png, ¡pero un gif funcionó súper fácil!

  14. Tengo el mismo problema que Keely. Estoy usando un tema hijo, así que get_bloginfo no funciona. Cuando reviso la URL de la imagen rota, muestra la ruta al tema padre. ¿Hay alguna forma de que esto funcione con un tema hijo?

  15. ¿Hay alguna forma de hacer que esto use una conexión SSL usando el mismo código? Siempre carga "contenido inseguro". ¿Qué cambios hacer para que sea una imagen segura durante la carga?

    • Si estás cargando gravatar en una página segura, debería cargarse automáticamente de forma segura. También revisa Configuración » General y cambia la dirección de tu sitio y de WordPress para usar https. Avísanos si esto resolvió el problema.

      Administrador

  16. ¿Qué pasa si estás usando un tema hijo...

    Cambié la línea
    $myavatar = get_bloginfo(‘template_directory’) . ‘/images/gravataricon.gif’;
    a
    $myavatar = get_bloginfo(‘stylesheet_directory’) . ‘/images/gravataricon.gif’;

    but still not working :(

      • También estoy teniendo problemas con el código. Lo usé en otro sitio y funcionó perfectamente, sin embargo, en el sitio en el que estoy trabajando actualmente... aparece como una opción en el panel de administración en configuración-discusión, sin embargo, se muestra como una imagen rota y tampoco se muestra en las páginas del blog. Cualquier ayuda es muy apreciada.

  17. Acabo de usar tu consejo aquí; habría sido útil más explicación de que la imagen también necesitaba guardarse en la carpeta de temas. Pero tus consejos aquí me ayudaron a descifrar algunas cosas. Gracias.

  18. Siempre que busco algo en internet, suelo ver tu sitio web... Ahora he empezado a seguir tu sitio web y lo que compartes. Todo lo que compartes es realmente útil y por eso siempre lo reviso y veo qué hay de nuevo. También quería agradecerte por el último tema.

  19. Siempre que busco algo en internet, suelo ver tu sitio web... Ahora he empezado a seguir tu sitio web y lo que compartes. Todo lo que compartes es realmente útil y por eso siempre lo reviso y veo qué hay de nuevo. También quería agradecerte por el último tema.

  20. ¡Hola!
    Wow... He estado dando vueltas y vueltas con el código. No soy hábil con esto como novato... pero usualmente puedo hacer que las cosas funcionen.
    Añadí el código para obtener un avatar predeterminado para invitados. Funcionó. Al menos en administración. La imagen aparece en ADMINISTRACIÓN... pero no en el sitio web.

    También me registré en gravatar para mi propio gravatar personalizado para mis comentarios de ADMINISTRADOR... y aparece en su "punto de control"... pero no consigo que aparezca en mis comentarios.

    Tampoco el Gravatar de Invitado... pero la imagen GRAVATAR aparece en su lugar.
    Mi imagen personalizada SÍ está marcada como predeterminada en Discusiones. Ambas imágenes están subidas a theme/images y la ruta a la imagen de invitado es correcta en el código. Hice las imágenes de 128 x 128 como se sugiere en línea hoy en día... No sé si ESE tamaño debe especificarse en algún lugar? Busqué en el código de funciones... tan bien como mis ojos desconcertados pueden comprender... pero no encontré nada que pareciera que funcionaría. ¿Quizás en style.css?... No sé si hace alguna diferencia. No quiero pasar por cambiar todo... y que aún así no funcione. Ya he pasado DÍAS tratando de resolver esto. Debería ser algo simple.

    No entiendo por qué mi gravatar de administrador no se muestra. Según lo que leí... debería manejarse a través de gravatar. La dirección de correo electrónico utilizada para el gravatar es la misma que la que figura en el administrador.

    ¿QUÉ estoy haciendo mal/omitiendo?.. Tengo WP 2.8.4.
    Intenté pegar el código anterior al principio… Y al final… pero ninguno funciona. ¿Importa DÓNDE lo pegas en el functions.php?

    ¿Puedes sugerir algo? Agradecería PROFUNDAMENTE cualquier ayuda que puedas dar. Puedo darte cualquier código que necesites... solo especifica.

    Gracias de antemano. Me estoy arrancando los pelos...

    • A menos que ese plugin haya especificado un valor predeterminado en su código, esto debería funcionar. Significa que el plugin no está codificado correctamente. Contacta al desarrollador y pídele que lo arregle.

      Administrador

  21. El código funciona si se coloca en custom-php.php, lo que tiene la ventaja de mantenerse a través de las actualizaciones.

    ¿Tienes alguna idea sobre el código para eliminar las llamadas HTML a gravitar.com en buddypress?

  22. Este es el fragmento de código que estaba buscando.
    Pero no funciona correctamente… Puse el código en mi functions.php (estoy seguro de que todo está correcto, también la ruta a mi imagen).

    Pero cuando voy a discusión, no puedo ver mi Avatar, y también el backend de WP está un poco roto... El código que puse en functions.php aparece encima del encabezado del backend de WP.

    ¿Puedes ayudarme por favor? ¿Quizás no hice solo una pequeña cosa mal??

    • El código anterior es 100% correcto porque es lo que estamos usando. No sé qué podrías estar haciendo mal. Pero sin ver tus códigos, no podremos ayudarte. Puedes contratarnos por una pequeña tarifa, y nuestro personal seguramente podrá solucionar el problema.

      Administrador

      • Creo que puedo estar teniendo el mismo problema que fantasmo. El fragmento funciona y el gravatar aparece en la página de administración de discusión, pero cuando haces clic en 'guardar cambios' para guardar las opciones, obtienes una pantalla en blanco que muestra el pie de página de option-discussions.php en lugar de la página completa que dice que las opciones se han guardado.

    • Vi los mismos resultados que Fantasmo. Cuando copié/pegué el código, la línea en blanco entre add_filter y la función se perdió por alguna razón. Volver a poner la línea en blanco pareció solucionar el problema.

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.