Gravatar senza plugin

Questo è un post tecnico di 10 anni fa. Le istruzioni potrebbero non essere più valide.

Note
Post obsoleto. Qui trovate un post aggiornato.

Se volete anche voi aggiungere nel vostro blog gli avatar di chi commenta, sappiate che ora è più facile che mai. Non c’è alcun bisogno di installare plugin esterni.
Ecco come si fa.

Le righe di codice

Dal pannello di controllo di WordPress cliccate su Aspetto e poi su Modifica temi. Aprite il file comments.php.
Osservate le righe di codice e recatevi alla riga:

<?php comment_author_link() ?>

Subito prima di questa riga inserite questo blocco:

<?php 
if ( !empty( $comment->comment_author_email ) ) {
$md5 = md5( $comment->comment_author_email );
$default = urlencode( 'http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=32' );
echo "<img style='float: right; margin-left: 10px;' src='http://www.gravatar.com/avatar.php?gravatar_id=$md5&amp;size=48&amp;default=$default' alt='' />";
}
?>

Personalizzazione

Questo codice già così funziona benissimo. Ma possiamo personalizzarlo.

  1. Innanzitutto possiamo inserire una immagine a nostro piacere per coloro che non hanno un avatar; lo potete fare modificando l’url nella riga 4:
    $default = urlencode( 'http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=32' );

    Anziché vedere una immagine generica, potete così far visualizzare una immagine di vostro gradimento.

  2. Questo blocco pone gli avatar a destra del blocco commenti; per portare l’avatar a sinistra, basta cambiare il valore di float da right a left.

Fonte: http://photomatt.net/2007/10/20/gravatar-enabled/

Autore: Aldo Latino

Aldo Latino usa con entusiasmo Linux nella distribuzione Ubuntu, è un appassionato di WordPress e si diletta a fare il blogger. Ha anche una lista dei desideri. Per altre informazioni visita la sua .

39 pensieri riguardo “Gravatar senza plugin”

  1. Grazie, grazie e ancora grazie
    Ho provato con la widget pre-impostata, con scarso successo..in piu’ i link (dei blogger) vengono inseriti nell’avatar e non nel nome.
    Con questo tuo workaround funziona tutto come volevo io
    :D

  2. Prego, Divilinux! :D
    Anche a me piace impostare WP come voglio io: pensa che la mia sidebar non fa uso dei widgets, ma è scritta “a mano”; solo così posso tenere sotto controllo tutti i parametri. E poi mi piace capire come funzionano le cose… :D

  3. Ciao, ho seguito tutto , ma non parte si vede una parte di codice in ogni commento..Se mi contatti via email ti invio il mio file comments.php e vedi cosa ho sbagliato!…ok?..espetto tue risposte!..

  4. Karonte, usa il servizio pastebin, come ho specificato nelle linee guida per il commento. Incolla lì il tuo comments.php e posta qui il link.

  5. Puoi provare con quello che ho inserito qui: http://paste.ubuntu-nl.org/51086/

    Le righe aggiunte da me vanno dalla 32 alla 38.
    Ho messo l’avatar a destra (float: right), con margine sinistro di 10px e la dimensione a 48px. Sono valori che puoi modificare a piacere. L’altro cambiamento è l’immagine dell’avatar generico (pix.gif): fallo puntare a una immagine migliore.

    Un’ultima cosa: ma il comments.php che hai inserito è completo? Verifica questa cosa: eventualmente copia solo le righe che ti ho segnato io e mettile dove ti ho detto.

  6. allora, il comments.php che mi hai dato tu non va, mi da un errore…Ho incollato la parte dal rigo 32 a 38 sul mio comments.php e sembra tutto ok…ma le immagini dove sono??…Help!

  7. Karonte,
    ti posto il mio comments.php qua: http://paste.ubuntu-nl.org/51331/
    Le righe che ho aggiunto vanno dalla 31 alla 37 (comprese): vedi se magari guardando il mio file riesci a capire dov’è l’inghippo.

    Se ancora non riesci, postami il tuo attuale comments.php con le righe aggiunte.

  8. Grazie sono riuscita ad inserirlo senza fare danni nel mio blog…cercavo proprio una spiegazione del genere:semplice e chiara!!!
    Forse il mio tema non fa visualizzare proprio bene i gravatar…sono un pò troppo grandi…ma per ora va bene così.
    Grazie ancora.
    Saluti

  9. Chiara, sono contento! ^_^
    Ho visto il tuo blog e farei una modifica: metterei l’avatar allineato con il nome e a destra (com’è qui nel mio blog) o al limite proprio sopra il nickname.

    Se hai bisogno sono qua!
    Ciao! ;)

  10. Ok,ho cambiato tema visto che non riesco a gravatar nei commenti…Ma ora anche se metto il codice non si vede propio niente…
    che fare??

  11. Infatti ho notato che i commenti vanno tutti verso destra quando vengono aggiunti e non è bellissimo, solo che non capisco molto di codice html e non sono riuscita a modificarlo; ho cambiato da destra a sinistra e la grandezza, fin li ci arrivo, poi stop!

  12. @ Philip
    ti consiglio di allineare la parte alta dell’avatar con la riga del tuo comments.php “Philip J. Fry dice:”, proprio com’è nel mio blog.
    Nel mio caso ho messo il blocco di codice relativo al gravatar proprio prima della riga:
    php comment_author_link()
    che restituisce infatti il nome di chi commenta. Se fai così l’avatar sale e si allinea in testa con quella riga. Questo dovrebbe esserti anche sufficiente per evitare che l’avatar sconfini nel commento sottostante e te ne accorci la larghezza, causandoti disordine. Se necessario rimpicciolisci un pochino l’avatar.

    Qua trovi il mio comments.php per capire di preciso com’è fatto. :)
    La riga che ti ho segnalato sopra è la 39; dalla riga 31 alla 37 c’è il codice del Gravatar.

  13. Bene Philip, vedo che hai risolto! :)

    Solo una cortesia: non linkare l’immagine predefinita (quella col punto interrogativo) dal mio blog, ma prendila (clic destro sull’immagine e poi Salva con nome) e copiala nel tuo spazio web. Poi modifica l’indirizzo nelle righe del gravatar.
    Dammi conferma che hai fatto questa modifica, grazie.

    Per il plugin browsesniff, mi spiace ma non lo uso… :(

    Un’ultima cosa. Quando volete postare codice, usate il servizio Pastebin. Uno di questi è raggiungibile qui: http://paste.ubuntu-nl.org/
    Poi mettete il link nel commento.

  14. Ciao volevo chiederti una cosa!! io ho il mio avatar con gravatar (scusa il gioco di parole) che vedo su tutti i siti che implementano Gravatar!! ma sul mio con l’aggiunta di questo codice (funziona bene) ma non si vede il mio avatar universale!! ma solo quello predefinito che o messo temporaneamente nel codice!! sai qualcosa in merito??? non dovrebbe apparire il mio gravatar universale??? Grazie ciaux

  15. Vedi qua sul tuo si vede il mio avatar universale!! invece sul mio si vede solo quello predefinito (strana sta cosa) dove o sbagliato??

  16. Scusa per le troppe richieste!! ma volevo chiederti ancora una cosa almeno quando rispondi fai un unico pachetto :D non si puo mettere più avatar predefiniti??? c’oè che a un utente senza avatar viene asegnato per dire (avatar n 1) e ad unaltro utente sempre senza avatar! viene asegnato (avatar n 2) si potrebbe fare??? Grazie ciao
    PS. Comunque non riesco a fare uscire il mio avatar (c’oè quello che vedi qua) mi continua a visualizare quello predefinito. Guarda http://fx53.it

  17. @ FX53
    Controlla attentamente i link e a quale immagine puntano :)
    Per l’ultima richiesta, mi spiace ma non sono il programmatore di Gravatar! :D

  18. l’immagine funziona si vede!! ma si vede quella che imposto io come predefinita!! e non quella di gravatar come invece qua sul tuo si vede!!

  19. FX53, non ho altri elementi per farmi un’idea più precisa. Posso solo congetturare.
    Nei commenti tuoi dovresti vedere l’immagine che hai usato quando ti sei registrato su Gravatar, mentre quella contenuta qua:
    $default = urlencode( 'http://use.perl.org/images/pix.gif' );
    è quella di default per chi non è registrato.

    Se magari posti su http://paste.ubuntu-nl.org/ il codice che stai usando ti potrei dire di più. E dimmi anche i nomi dei file delle due immagini in questione.

  20. PS- (Scusami mi era sfuggita una banalità enorme quanto na casa) che su questo questo sito uso una emal diversa!! Scusate!! ora provo a vedere se è questo il problema!! Grazie comunque. Ciaux

  21. Nel mio barthelme ho fatto così.
    Grazie dell’utile post.
    comment_author_email ) ) {
    $md5 = md5( $comment->comment_author_email );
    $default = urlencode( 'http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=32' );
    echo "";
    }
    ?>

  22. Nel mio barthelme ho fatto così.
    Grazie dell’utile post.

    <span class="comment-author vcard"><?php //barthelme_commenter_link() ?>
    <?php
    if ( !empty( $comment->comment_author_email ) ) {
    $md5 = md5( $comment->comment_author_email );
    $default = urlencode( 'http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=32' );
    echo "<img style='float: right; margin-left: 10px;' src='http://www.gravatar.com/avatar.php?gravatar_id=$md5&amp;size=60&amp;default=$default' alt='' />";
    }
    ?>
    </span>

  23. Salve a tutti, gentilmente potreste spiegarmi come mai mi compaiono due icone nei commenti? Una vuota e una con l’avatar che ho caricato su GRAVATAR. Ciao e GRAZIE!!

  24. :)) Tutto risolto, stamattina è comparsa la foto nell’avatar! Probabilmente necessita un pò di tempo per il caricamento. Comunque GRAZIE!!

I commenti sono chiusi