¿Quiere ver el Gravatar de los visitantes del sitio web desde su correo electrónico en WordPress?
Gravatar es un servicio web que vincula la dirección de correo electrónico de un usuario con su avatar/imagen en línea. WordPress muestra automáticamente Gravatars en los comentarios, pero es posible que también desee agregarlos a otras áreas de su sitio web.
En este artículo, le mostraremos cómo ver un Gravatar desde el correo electrónico de su usuario en WordPress.
¿Qué es Gravatar y por qué verlo?
Gravatar significa Avatar reconocido globalmente y es un servicio web administrado 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 integrado para Gravatar y mostrará automáticamente el Gravatar del usuario junto a cada comentario y, a veces, la biografía 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 de usuario. 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, echemos un vistazo a cómo ver Gravatar desde un correo electrónico de usuario en WordPress.
Ver Gravatar desde el correo electrónico del usuario agregando código a WordPress
Primero, le mostraremos cómo mostrar Gravatars de usuario en sus plantillas de WordPress agregando una función simple.
Esto requiere agregar código a sus archivos de WordPress. Si nunca ha hecho esto antes, le recomendamos que haga una copia de seguridad de su sitio de WordPress y consulte nuestra guía para principiantes para pegar fragmentos de la web en 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="'%20.%20$usergravatar%20.%20'" class="wpb_gravatar">';
}
Este fragmento de código crea una función simple que le permite agregar su Gravatar en cualquier lugar en los archivos de plantilla de tema de WordPress existentes.
A continuación, 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 encontrar el archivo de plantilla de tema adecuado para sus necesidades.
Luego, puede agregar el siguiente fragmento de código:
<?php wpbeginner_display_gravatar(); ?>
Este fragmento de código simplemente agrega una función Gravatar de visualización a sus publicaciones, páginas o donde quiera.
Así es como se ve con el fragmento de código agregado a la meta sección de la publicación del blog.
Ver Gravatar desde el correo electrónico del usuario creando un código abreviado de WordPress
Otra forma de ver el Gravatar del usuario es crear su propio código abreviado.
Esto es útil si tiene la dirección de correo electrónico de un usuario y desea ver su gravatar en su sitio, pero no es un usuario registrado.
También se puede usar para mostrar Gravatars seleccionados en las áreas de publicaciones, páginas y widgets de su sitio.
Debe agregar el siguiente fragmento de código a su archivo functions.php, ya sea en un complemento específico del sitio o utilizando 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="'%20.%20$usergravatar%20.%20'">';
}
add_shortcode('wpb_gravatar', 'wpb_display_gravatar');
Este fragmento de código modifica el primer fragmento de código y crea un código abreviado 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 individual. Esto le permite agregar el correo electrónico de un usuario al código abreviado y ver el Gravatar para esa dirección de correo electrónico, en lugar del usuario actual.
Simplemente agregue el siguiente código abreviado para mostrar el Gravatar para el usuario actual.
[wpb_gravatar]
Si desea ver el Gravatar de un usuario específico, use el siguiente código abreviado.
[wpb_gravatar wpb_user_email="john.smith@example.com"]
Debe reemplazar la dirección de correo electrónico en el código abreviado con el correo electrónico del usuario que desea ver.
Más tarde, puede agregar CSS personalizado a su blog de WordPress para cambiar el modo de visualización de Gravatar.
Puede agregar el siguiente fragmento de código CSS a la hoja de estilo de su tema 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 código abreviado a su sitio, simplemente abra la página, la publicación o el área del widget donde desea que aparezca y luego haga clic en el ícono de agregar bloque “Más”.
Luego, busque “Código corto” y haga clic en el bloque de código corto.
A continuación, pegue el código abreviado 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 a la parte superior de una publicación de blog debajo de la imagen destacada.
Para obtener más consejos sobre cómo personalizar Gravatars en su sitio, consulte nuestra guía sobre cómo cambiar el tamaño de imagen de Gravatar en WordPress.
Esperamos que este artículo le haya ayudado a aprender cómo ver Gravatar desde los correos electrónicos de los usuarios en su sitio de WordPress. Es posible que también desee ver nuestras selecciones sobre 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 tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo Y Facebook.
