Cómo mostrar Gravatar desde un correo electrónico personalizado en WordPress

¿Quiere mostrar Gravatar a los visitantes del sitio web desde su correo electrónico de WordPress?

Gravatar es un servicio web que conecta la dirección de correo electrónico del usuario con su avatar/foto en línea. WordPress muestra automáticamente Gravatars en los comentarios, pero es posible que desee agregarlos a otras áreas de su sitio web.

En este artículo, le mostraremos cómo mostrar Gravatar desde su correo electrónico de usuario de WordPress.

¿Qué es Gravatar y por qué mostrarlo?

Gravatar es la abreviatura de Globally Recognized Avatar y es un servicio web operado por Automattic, la compañía detrás de WordPress.com.

Le permite crear un perfil de usuario simple y mostrar automáticamente imágenes de avatar verificadas con la dirección de correo electrónico del usuario.

Cada sitio web de WordPress viene con soporte Gravatars incorporado y mostrará automáticamente el Gravatar del usuario junto a cada comentario y, a veces, el currículum del autor.

Si el usuario no tiene una cuenta de Gravatar, se mostrará la imagen de Gravatar predeterminada.

Sin embargo, es posible que desee tener más control sobre dónde aparecerán sus Gravatars personalizados. Por ejemplo, puede agregarlo encima del contenido de su publicación, en su página de información, en la barra lateral y más.

Dicho esto, veamos cómo puede mostrar Gravatar desde un correo electrónico personalizado en WordPress.

Muestre Gravatar desde el correo electrónico del usuario agregando código a WordPress

Primero, le mostraremos cómo mostrar Gravatars personalizados en sus plantillas de WordPress agregando una característica simple.

Esto requiere agregar código a sus archivos de WordPress. Si no lo ha hecho antes, le animamos a que haga una copia de seguridad de su sitio de WordPress y revise nuestra guía para principiantes sobre cómo incrustar WordPress.

Puede agregar el siguiente fragmento de código a su archivo functions.php, en un complemento específico del sitio o mediante un complemento de fragmento de código.

function wpbeginner_display_gravatar() { 
    global $current_user;
    get_currentuserinfo();
    // Get User Email Address
    $getuseremail = $current_user->user_email;
    // Convert email into md5 hash and set image size to 32 px
    $usergravatar="http://www.gravatar.com/avatar/" . md5($getuseremail) . '?s=32';
    echo '<img src="' . $usergravatar . '" class="wpb_gravatar">';
} 

Este fragmento de código crea una característica simple que le permite agregar su Gravatar en cualquier lugar de sus archivos de plantilla de WordPress existentes.

Luego, debe encontrar el archivo de plantilla correcto para agregar el código. Para obtener más información, consulte nuestra hoja de trucos de jerarquía de plantillas de WordPress para ayudarlo a encontrar el archivo de plantilla de tema adecuado para sus necesidades.

A continuación, puede agregar el siguiente fragmento de código:

<?php wpbeginner_display_gravatar(); ?>

Este fragmento de código simplemente agrega una función de visualización de Gravatar a tus publicaciones, páginas o donde quieras.

Así es como se ve con el fragmento de código agregado a la meta sección de la publicación del blog.

Muestre Gravatar desde el correo electrónico del usuario creando un código corto de WordPress

Otra forma de mostrar un Gravatar a un usuario es creando su propio código corto.

Esto es útil si tiene la dirección de correo electrónico de un usuario y desea mostrar su grabador en su sitio, pero él o ella no es un usuario registrado.

También se puede usar para mostrar Gravatars seleccionados en su publicación, página y áreas de widgets en su sitio.

Debe agregar el siguiente fragmento de código a su archivo functions.php, en un complemento específico del sitio o mediante un complemento de fragmento de código.

function wpb_display_gravatar($atts) { 
extract( shortcode_atts( array(
        'wpb_user_email' => '',
    ), $atts ) );
if ($wpb_user_email == '') { 
    global $current_user;
    get_currentuserinfo();
    $getuseremail = $current_user->user_email;
} else { 
        $getuseremail = $wpb_user_email;
}
    $usergravatar="http://www.gravatar.com/avatar/" . md5($getuseremail) . '?s=32';
 
    echo '<img src="' . $usergravatar . '">';
} 
 
add_shortcode('wpb_gravatar', 'wpb_display_gravatar');

Este fragmento de código modifica el primer fragmento de código y crea un código corto que puede agregar fácilmente a cualquier página, publicación o área de widgets.

También le permite especificar la dirección de correo electrónico de un usuario, lo que le permite agregar el correo electrónico de un usuario al código corto y mostrar un Gravatar para esa dirección de correo electrónico en lugar del usuario actual.

Simplemente agregue el siguiente código corto para mostrar Gravatar para el usuario actual.

[wpb_gravatar]

Si desea mostrar Gravatar a un usuario específico, use el siguiente código corto.

[wpb_gravatar wpb_user_email="[email protected]"]

Debe reemplazar la dirección de correo electrónico en el código corto con el correo electrónico del usuario que desea mostrar.

Luego puede agregar CSS personalizado a su blog de WordPress para cambiar la forma en que se muestra Gravatar.

Puede agregar el siguiente fragmento de código CSS a su hoja de estilo de WordPress.

.wpb_gravatar {
padding: 3px;
margin: 3px;
background:#FFFFFF;
border:2px solid #eee;
}

Para obtener más detalles sobre cómo agregar CSS a WordPress, consulte nuestra guía sobre cómo agregar fácilmente CSS personalizado a su sitio de WordPress.

Para agregar el acceso directo a su sitio, simplemente abra la página, la publicación o el área del widget que desea mostrar y luego haga clic en el ícono Agregar bloque Más.

Luego busque 'Código corto' y haga clic en el bloque de código corto.

Luego coloque el código corto en el bloque y haga clic en el botón "Actualizar" o "Publicar" para guardar los cambios.

Así es como se ve cuando se agrega en la parte superior de una publicación de blog debajo de la imagen presentada.

Para obtener más consejos sobre cómo personalizar Gravatar en su sitio, consulte nuestra guía sobre cómo cambiar el tamaño de una imagen de Gravatar en WordPress.

Esperamos que este artículo lo haya ayudado a aprender cómo mostrar Gravatar desde los correos electrónicos de los usuarios en su sitio de WordPress. Es posible que también desee ver nuestra selección de los mejores servicios telefónicos comerciales para pequeñas empresas y nuestra guía sobre cómo obtener un certificado SSL gratuito para su sitio web de WordPress.

Si te ha gustado este artículo, suscríbete al nuestro. Canal de Youtube para videos tutoriales para WordPress. También puedes encontrarnos en Gorjeo y Facebook.