Cómo recuperar su URL de imagen de Gravatar

Tener una foto de perfil también conocida como "imagen de avatar" es bastante esencial en línea. Cargamos nuestra mejor foto de perfil en sitios web y sitios sociales en busca de legitimidad, credibilidad y para que las personas reconozcan mejor nuestra presencia en línea.

WordPress tiene su propio servicio para entregar imágenes de perfil de usuario, y se llama Gravatar. También podemos incorporar esto en nuestros propios temas personalizados. Esta publicación te mostrará un par de enfoques sobre cómo puedes recuperar la imagen de perfil de Gravatar.

Usando Gravatar

Comencemos desde lo básico. WordPress tiene una función integrada especial, get_avatar, que nos permite recuperar la imagen gravatar. Esta función requiere dos parámetros: la identificación del usuario o el correo electrónico, y el tamaño de la imagen para mostrar. Aquí hay un ejemplo.

 $ user_id = get_the_author_meta ('ID'); echo get_avatar ($ user_id, 80); 

Si prefiere usar un correo electrónico de usuario, complete la función get_the_author_meta() con user_email :

 $ user_id = get_the_author_meta ('user_email'); echo get_avatar ($ user_id, 80); 

Ambos ejemplos generarán el mismo resultado: una imagen de avatar de usuario con un tamaño de 80px . En mi caso, veré mi foto.

Sin embargo, el problema que encuentro una vez con esta función es que la función genera la imagen completa; una completa etiqueta. Inspeccione el código fuente, y debe encontrarlo de la siguiente manera:

Esto hace que las cosas sean un poco complicadas para nosotros, por ejemplo, para insertar clases adicionales o una ID en el .

Alternativamente, podemos recuperar solo la URL de la imagen, en lugar de la elemento en su totalidad. Una vez que tenemos la URL, podemos agregarla a la con las clases personalizadas o la ID agregada.

Cómo recuperar la URL de la imagen

Primero, necesitaremos crear una nueva función de PHP en functions.php del tema de WordPress que está utilizando. Vamos a nombrar la función de la siguiente manera:

 función get_avatar_img_url {} 

Recuperar la imagen de Gravatar requiere el correo electrónico del usuario; asegúrese de que el correo electrónico se haya registrado en Gravatar para poder ver el resultado. Llame al correo electrónico del usuario del autor, como tal.

 function get_avatar_img_url {$ user_email = get_the_author_meta ('user_email'); } 

La URL de la imagen de Gravatar se especifica con http://gravatar.com/avatar/ y está seguida del hash md5 (valor codificado) de la dirección de correo electrónico. Para devolver el complemento de correo electrónico en un valor "hash md5", podemos usar la función incorporada de PHP, md5() . Por lo tanto, establecemos la URL de imagen de Gravatar de esta manera:

 function get_avatar_img_url {$ user_email = get_the_author_meta ('user_email'); $ url = 'http://gravatar.com/avatar/'. md5 ($ user_email); } 

A continuación, debemos incluir un par de parámetros necesarios en la URL, que son el tamaño de la imagen y la imagen de retorno predeterminada si la imagen no está registrada en Gravatar. Para hacerlo, utilizaremos una función de WordPress llamada add_query_arg.

 function get_avatar_img_url () {$ user_email = get_the_author_meta ('user_email'); $ url = 'http://gravatar.com/avatar/'. md5 ($ user_email); $ url = add_query_arg (array ('s' => 80, 'd' => 'mm', ), $ url); devuelve esc_url_raw ($ url); } 

Esta función add_query_arg agregará parámetros al final de la URL. En nuestro caso, generará ?s=80&d=mm que establece el tamaño de la imagen en 80 píxeles y establece el avatar predeterminado en mm (Mystery Man).

Ahora solo usa el PHP echo para generar la URL dentro del elemento, como ese:

 $ avatar_url = get_avatar_img_url (); eco '  '; 

Diez kits de estructura metálica que puedes descargar gratis

Como diseñador, pasará por varios pasos mientras trabaja en su proyecto, desde el diseño de sus ideas en papel, pasando por la creación de wireframes, hasta el refinamiento de su prototipo . Si tienes muchos proyectos, tomará algo de tiempo hacer todo desde cero para cada uno.En este post recopilamos 10 kits de wireframe que pueden asistirlo en el proceso de wireframing . Al

(Consejos de tecnología y diseño)

Facebook lanza la característica de seguridad de recuperación delegada

Facebook ha estado ocupado impulsando sus sistemas de seguridad con la compañía recientemente implementando soporte para claves de seguridad U2F en su sitio web. Ahora, la compañía está mirando hacia el futuro de la autenticación de segundo factor, ya que ha comenzado las pruebas para un nuevo sistema llamado "Recuperación delegada".En ese

(Consejos de tecnología y diseño)