Il gravatar è l’immagine che identifica gli utenti controllando la loro mail o il loro ID.
Per capirsi, vicino al mio nome sotto il titolo dell’articolo c’è il mio “gravatar“, ovvero l’avatar associato alla mia emal.
Se non avete ancora un vostro avatar potete crearlo sul sito dei gravatar. Altrimenti saltate pure il paragrafo premendo qui.
Come creare un Gravatar
Dovete registrarvi sul sito gravatar.com. Ad ogni utenza si possono associare più email, così non è necessario creare molteplici account per tutte le mail che avete.
Poi dovete caricare l’immagine che farà da avatar (dal pc, da internet o direttamente dalla webcam) e per ogni immagine dovete scegliere il rate, ovvero se è adatta a tutti, se contiene scene di nudo, etc.
Se avete più email potete associare immagini diverse ad ognuna. Una volta selezionata, premete sull’immagine che preferite e clickate su “conferma” per rendere primaria quell’immagine.
Detto fatto, quando commenterete un blog, o creerete un articolo sul vostro wordpress con una delle email associate, comparirà l’immagine che avete scelto.
Integrare il gravatar nel vostro sito o blog
Con wordpress superiore a 2.5 ci viene in aiuto la funzione get_avatar.
Per richiamarla si procedere semplicemente così:
1 |
echo get_avatar( $email, $size = '60'); |
Email è l’email testuale del commento o dell’autore.
Size è la dimensione sia dell’altezza che della larghezza (è un quadrato) definita in pixel.
Se il nostro scopo è inserirla vicino al nome dell’autore:
1 2 3 |
$email=get_the_author_meta('user_email'); echo get_avatar( $email, $size = '40'); the_author(); |
get_the_author_meta(‘user_email’) estrarrà l’email dell’utente che ha scritto il post. Memorizzo la mail nella variabile $email, poi stampo il get_avatar.
Con the_author() stampo invece il nome dell’autore.
Il codice html creato da gravatar.com è questo:
1 |
<img class="avatar avatar-$size" src="http://gravatarurl_or_default" alt="" width="$size" height="$size" />
|
Aggiungerà due classi, avatar e avatar-$size. Se la dimensione scelta era 60, le classi saranno avatar e avatar-60.
Per inserirlo invece nei commenti invece di usare get_the_author_meta l’email da utilizzare si prende così:
1 |
$email=strtolower(trim($comment->comment_author_email)); |
Se il vostro wordpress è più vecchio, invece di usare solo get_avatar dovete usare questa funzione per renderla compatibile con tutti:
1 2 3 4 5 6 7 8 |
if (function_exists('get_avatar')) { echo get_avatar($email); } else { //codice gravatar alternativo per wordpress < 2.5 $grav_url = "http://www.gravatar.com/avatar/" . md5(strtolower($email)) . "?d=" . urlencode($default) . "&s=" . $size; echo "<img src="$grav_url" alt="" />"; } |
L’articolo ufficiale in inglese è questo.
Interessante il post, anche molto chiaro, ma non è indicato “dove” va messo il codice. In quale css?
grazie
Ciao Pietro,
il codice che vedi sopra non va inserito in un css: va messo a mano in una pagina php, nel punto in cui vuoi che appaia il gravatar.