Abilitare il supporto ai gravatar (introdotto dalla versione 2.5 di Wordpress) sui temi che non li supportano è semplice (più veloce che cambiare template). Vediamo come inserire l’avatar a sinistra o a destra del testo del commento.
Inserire l’avatar nel template di Wordpress: comments.php
Aprire il file comments.php del proprio template e cercare questa stringa:
<?php comment_text() ?>
Per inserire l’avatar, basta sostituirla con la seguente stringa:
<?php if (function_exists("get_avatar")) echo get_avatar( $comment, 64 ); ?><?php comment_text() ?><div class="clear"></div>
Il numero (nell’esempio, 64) all’interno della funzione get_avatar indica la dimensione (in pixel) di un lato dello stesso (il valore massimo è 96).
Il div vuoto
<div class="clear"></div>
serve a contenere l’avatar che verrà reso float (cioè, a sinistra o a destra del testo del commento). Adesso occorre, appunto, modificare il foglio di stile per rendere l’avatar flottante a sinistra o a destra.
Visualizzare l’avatar a sinistra o a destra del testo del commento: style.css
Adesso occorre aprire il file style.css del proprio template di Wordpress e inserire, in fondo, uno dei due codici seguenti.
1. Visualizzare il gravatar a sinistra del commento
img.avatar {float: left; margin: 0 1em 1em 0; }
div.clear {clear: both; }
2. Visualizzare il gravatar a destra del commento
img.avatar {float: right; margin: 0 0 1em 1em; }
div.clear {clear: both; }
Adesso salvare e caricare sul server i file modificati (sostituendo le vecchie versioni - magari eseguire prima un backup dei vecchi file, da ripristinare in caso di problemi).
Nota: le istruzioni si riferiscono al tema Elegant Blue per Wordpress; con altri template si possono incontrare maggiori difficoltà. Se avete bisogno di aiuto, lasciate un commento. 
January 7th, 2009 at 12:41 am
Allora, lo ho fatto, ed è stato semplicissimo, e funziona, non so davvero come ringraziarti!
Però ci sono delle cose che non mi fanno impazzire… te le elenco:
- non ci sono opzioni, ovviamente, ma in effetti è già un miracolo che si possa fare tutto questo senza alcun plugin
- non c’è personalizzazione, ma… vedi prima
- il Gravatar si mette proprio dentro il testo del commento, spostando il contenuto testuale, e questa cosa non mi piace per niente, devo fare qualcosa assolutamente
Io penso in definitiva, anche se ci sono delle spese, che forse sia meglio il plugin, tu che ne pensi? i vantaggi sarebbero:
- puoi inserire un bordo, magari
- puoi mettere il Gravatar fuori dalla porzione dedicata al testo, in alto accanto al nome, molto meglio (almeno nel vecchio tema era così, nel nuovo non lo so che reazione avrebbe)
- puoi scegliere (come sarebbe nativamente in Wordpress) un Gravatar da assegnare a chi non ce l’ha
- ecc…
A questo punto mi conviene passare al Plugin? tanto anche se il tema non lo supporta, con il Plugin io vado a modificare comment.php e style.php, quindi forse fuzionerebbe, e funzionerebbe meglio, no?
Io non voglio rendere per niente inutile la tua guida, anzi non so come ringraziarti, però volevo chiederti questo ultimo parere…
January 7th, 2009 at 12:49 am
Ecco, per esempio tu hai il tema di Default, da te il commento è fuori dall’area dove sta il testo, come era da me con il tema di default usando Wordpress 2.3 e il plugin di Gravatar; io vorrei ottenere lo stesso effetto, posso con il mio tema? magari usando di nuovo il plugin?
Thnx
January 7th, 2009 at 2:53 am
@Francesco: ti consiglio di lasciar perdere il plugin, e focalizzarti nell’aggiungere il supporto ai gravatar ufficiali, perché:
1) ci sono già molte opzioni sotto Settings > Discussion > Avatars nella tua bacheca; quando Wordpress aggiungerà ancora altre opzioni, te le ritroverai semplicemente aggiornando, senza dover toccare più il tema…
2) hai un plugin in meno da aggiornare, e meno probabilità di incorrere in incompatibilità varie con i futuri aggiornamenti di Wordpress. Inoltre, meno plugin usi, più veloce sarà Wordpress a caricare (a meno che tu non voglia usare WP Super Cache)
Puoi comunque posizionare il gravatar dove vuoi: il codice che ho riportato io è solo un esempio.
Il primo “trucco” sta nel posizionare dove vuoi che il testo vada a capo piuttosto che scorrere “attorno” al gravatar.
Per il bordo e il margine bianco come su questo tema di default, puoi usare il seguente CSS:
img.avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
(usa float: left se vuoi l’allineamento a sinistra).
Se vuoi ti posso anche aiutare ad ottenere questa struttura:
[Nome dice:] [avatar a dx]
[data]
[a capo]
[testo commento]
Postami un po’ di codice che trovi sia prima che dopo di:
comment_text()
January 9th, 2009 at 12:37 am
Ciao, ti ringrazio per aver continuato a contribuire a far apparire questi benedetti Gravatar sul mio blog.
Ho fatto come dici (il primo metodo) ma mi pare di non vedere differenze, il testo lo sposta sempre, e il Gravatar è sempre dentro lo spazio del testo, forse la differenza è che il testo è solo un po più distante dal Gravatar, inoltre non vedo neanche il margine bianco di 2 px…
Però mi hai convinto a non usare Plugin e continuare per questa strada, quindi accetto la tua gentilissima proposta di aiutarmi ad ottenere quella struttura, che sarebbe quella che vorrei.
Per evitare di scrivere un maxi-commento con tutto il codice faccio copia e incolla in un file .txt, lo pubblico nello spazio del mio blog e ti lascio il link:
http://frasiscattate.netsons.org/log_gravatar.txt
January 9th, 2009 at 12:45 am
Ah, ho incollato solo parte del codice attorno a comment_text() perchè mi sembrava una cosa proprio “grezza” mandartelo tutto, ma se il codice fosse troppo poco e non bastasse fammelo sapere.
Ciao, e grazie ancora tantissimo!
January 9th, 2009 at 2:30 pm
Acc… Wordpress fa lo strip del testo php… dopo pranzo ti spedisco le modifiche per email.
@Francesco: per prima cosa, fai un backup del file comments.php… non si sa mai!
Sposta il contenuto di dentro , poi inserisci un prima di … dovrebbe apparire in questo modo:
| <a href=”#comment-” title=”">
Non fare copia e incolla da qui, fai le modifiche manualmente, perché Wordpress modifica i doppi e singoli apici, e otterresti errori.
Ora Elimina il div comfooter rimasto vuoto:
Adesso modifica il file style.css:
img.avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
aggiungi anche la seguente regola, sempre CSS:
.clear {
clear: both;
}
Così dovrebbe funzionare, fammi sapere.
February 10th, 2009 at 8:19 pm
test avatar
June 25th, 2009 at 7:10 pm
Ciao…che dire? Grandissimo! Fatto in due minuti e tutto funzionante! Grazie 1000 e complimenti! A Presto!
September 30th, 2009 at 10:47 am
Grazie mille per il prezioso aiuto!
ottima guida ^^
May 7th, 2010 at 2:44 am
[…] per integrare Gravatar nei commenti. L’operazione è piuttosto facile come spiegato in questa semplice guida. Condividi tweetmeme_style = ‘compact’; Pubblicato il 7 maggio 2010 da Massimiliano Bossi | […]
February 18th, 2011 at 1:32 pm
Ciao Andrea,
stavo provando a fare questa cosa ma nel file comments.php io non ho trovato la stringa che hai indicato:
Sto usando la versione 3.0.5 di WP forse è cambiato qualcosa.
I gravatar li ho configurati tramite la sezione Settings/Discussion/Avatar e infatti si vedono se inserisco un commento però non ho capito come fare ad abilitare la possibilità di inserire un proprio gravatar per quegli utenti che già lo possiedono.
grazie in anticipo