¿Desea mostrar el Gravatar de los visitantes 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 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 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 automáticamente mostrará 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 predeterminada de Gravatar.
Sin embargo, es posible que desee tener más control sobre dónde se mostrará su usuario Gravatars. Por ejemplo, puede agregarlo encima del contenido de su publicación, a su página Acerca de, en su barra lateral y más.
Dicho esto, veamos cómo puede mostrar el Gravatar desde el correo electrónico de un 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 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 referencia 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 de visualización de Gravatar a sus publicaciones, páginas o donde desee.
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 el Gravatar del 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 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, 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 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 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 corto.
[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 corto a su sitio, simplemente abra la página, publicación o área de widgets que desea que se muestre y luego haga clic en el ícono de agregar bloque ‘Más’.
Luego, busque ‘Shortcode’ y haga clic en el bloque de shortcode.
Después de eso, pegue el código corto en el bloque y haga clic en el botón ‘Actualizar’ o ‘Publicar’ para guardar sus 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 la imagen de Gravatar en WordPress.
Esperamos que este artículo le haya ayudado a aprender a 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.