¿Desea mostrar el Gravatar del visitante del sitio web desde su correo electrónico en WordPress?
Gravatar es un servicio web que conecta la dirección de correo electrónico de un usuario con su imagen/avatar 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 mostrar un Gravatar desde el correo electrónico de su usuario en WordPress.
¿Qué es Gravatar y por qué mostrarlo?
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 Gravatars 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 se mostrarán sus Gravatars de usuario. Por ejemplo, puede agregarlo encima del contenido de su publicación, en su página Acerca de, en su barra lateral y más.
Dicho esto, veamos cómo puede mostrar Gravatar desde un correo electrónico de usuario en WordPress.
Muestre 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 no 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 el uso de un complemento de fragmentos 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 función simple que le permite agregar su Gravatar en cualquier lugar de sus 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 ayudarlo a 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.
Muestre Gravatar desde el correo electrónico del usuario creando un código abreviado de WordPress
Otra forma de mostrar el Gravatar del usuario es creando su propio código abreviado.
Esto es útil si tiene la dirección de correo electrónico de un usuario y desea mostrar su gravatar en su sitio, pero no es un usuario registrado.
También se puede usar para mostrar Gravatars seleccionados en su publicación, página y áreas de widgets de su sitio.
Debe agregar el siguiente fragmento de código a su archivo functions.php, en un complemento específico del sitio o mediante el uso de un complemento de fragmentos 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 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 solo usuario. Esto le permite agregar el correo electrónico de un usuario al código abreviado y mostrar 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 mostrar 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 mostrar.
A continuación, 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 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 que desea que se muestre 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.
Después de eso, 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 aún 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 mostrar 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.
.