Dopo che alcune persone diverse hanno richiesto il supporto per Gravatar nei commenti per il popolare tema WordPress Choice, ho deciso di esaminare più attentamente. Mi sono imbattuto in questo ottimo post di HackWordPress che fornisce un piccolo snippet di codice per aggiungere Gravatar al tuo loop di commenti. Da allora, ho aggiunto il supporto Gravatar a tutti i temi qui, semplicemente perché è così facile da fare. In questa guida ti mostrerò come integro esattamente i Gravatar nei temi.
Prima di continuare, ti preghiamo di comprendere che questa guida è scritta solo per WordPress 2.5 e versioni successive. Il codice trattato non funzionerà nelle versioni precedenti.
Il Codice Gravatar
Basta inserire il seguente codice nel tuo loop di commenti e funzionerà, ma probabilmente non avrà un bell'aspetto così com'è.
<?php if(function_exists('get_avatar')) { echo get_avatar($comment, '50'); } ?>
Fondamentalmente questo codice verificherà se hai la funzione get_avatar (nativa di WordPress 2.5), quindi visualizzerà l'avatar del commentatore in un quadrato di 50px.
Usa un righello
Se vuoi assicurarti che i tuoi Gravatar abbiano una dimensione adatta, ti consiglio l'estensione Firefox MeasureIt. Questo ti aiuterà a misurare un'area nel tuo tema per determinare una buona dimensione per i Gravatar.
Dove mettere il codice?
Nel tema Choice, ho scoperto che 40 era una buona dimensione. Quindi, dove ho messo esattamente questo codice?
Qualsiasi punto all'interno del foreach e endforeach (il loop dei commenti) andrà bene.
Styling dei tuoi Gravatar
Una volta che hai i Gravatar visualizzati sul tuo template dei commenti, probabilmente vorrai anche stilizzarli. Noterai che il codice Gravatar genera la classe "avatar" su ogni immagine. Aggiungiamo una riga al foglio di stile CSS per farla fluttuare a sinistra e aggiungere un piccolo margine destro.
img.avatar {float:left; margin-right:5px;}
Ecco fatto, hai Gravatar dall'aspetto gradevole, di dimensioni perfette e stilizzati. Naturalmente i temi differiranno, puoi stilizzarli come preferisci.
Conclusione
Ricorda, questo codice funzionerà solo su WordPress 2.5 e versioni successive. Il tag condizionale function_exists farà in modo che il tuo tema non si rompa, ma nulla apparirà nelle versioni precedenti. Maggiori informazioni su altri metodi di utilizzo dei Gravatar sono dettagliate sul Codex di WordPress.
Se hai appena letto tutto l'articolo e non hai idea di cosa sia un Gravatar, ti suggerisco di leggere questo prima di Lorelle su WordPress. Tratta le basi su come ottenere il tuo Gravatar iscrivendoti su Gravatar.com, oltre a utilizzare i Gravatar su versioni precedenti di WordPress con plugin.
Non solo i Gravatar possono essere utilizzati per i commenti, ma possono anche essere aggiunti ai singoli post degli autori.
Se ti è piaciuto l'articolo, sentiti libero di commentare e condividere. Mi piacerebbe sentire i tuoi pensieri. Iscriviti a il feed per gli ultimi aggiornamenti di Theme Lab.
[…] Commenti con supporto Gravatar […]
[…] Aggiungi supporto Gravatar ai tuoi commenti WordPress (tag: wordpress gravatar Tag: Link Giornalieri, link di design, link Pubblicato sotto: Link Giornalieri Iscriviti a questo feed […]
[...] da solo. Questo tema ha tutte le normali funzionalità di un tema blog qui su Theme Lab, incluso il supporto Gravatar per i commenti, una barra laterale pronta per i widget e il supporto nativo dei tag di WordPress. Questo tema ha anche annunci da 125x125 [...]
[…] Aggiornamenti come questi ti entusiasmano a provare a utilizzare le funzionalità, supporto avatar completo anche per i commentatori su gravatar, identicon e monsterID. Stavo morendo dalla voglia di implementare la funzionalità avatar sul blog aziendale da tempo, e questo sarà il momento perfetto. Per coloro che desiderano aggiungerlo anche loro, ho trovato una fantastica guida stamattina su come abilitare la funzionalità con alcune modifiche PHP molto basilari qui, Supporto Gravatar. […]
[…] Soul, integrato in un tema WordPress. Questo ha tutte le solite funzionalità, incluso il supporto Gravatar nativo (solo WordPress 2.5+), supporto per i tag e una barra laterale pronta per i widget. Ha anche una homepage speciale […]
interessante, sto avendo problemi con gravatar in questo momento, si è risolto bene nel mio browser mozilla ma è diventato brutto su IE7.
Grazie mille. Ho provato altri codici offerti in giro per il web, questo è stato quello che ha funzionato esattamente come volevo!
Grazie!!!
Grazie! L'hai spiegato molto facilmente.
Grazie!
Grazie per l'aiuto!
wow, grazie per il tutorial 😀
stavo girovagando per la rete per questo, grazie
[…] Aggiungere il supporto Gravatar ai tuoi commenti di WordPress | Theme […]
Molte grazie per l'articolo.
[…] abbiamo visto su ThemeLab SHARETHIS.addEntry({ title: “Supporto gravatar su wordpress”, url: […]
[…] THEMELAB: “Aggiungere il supporto Gravatar ai tuoi commenti di Wordpress” […]
[…] THEMELAB: “Aggiungere il supporto Gravatar ai tuoi commenti di Wordpress” […]
[…] Visita il Tutorial […]
Oh, è bello, hai implementato i gr avatar. Hanno un bell'aspetto.
@Leland: Grazie per il commento, sei stato molto gentile.
@Banago, ti ho lasciato un commento sul tuo blog. :)
Riguardo ai Gravatar su Theme Lab, li aggiungerò abbastanza presto.
@Leland: Grazie per il tuo feedback, lo apprezzo molto. Mi piacerebbe molto se lasciassi un commento sul mio blog, dato che non tutti lo hanno fatto 🙁
Secondo: Quando intendi implementare i gravatar sul tuo blog? :)
Grazie per i suggerimenti...
Spero di abilitarlo presto nel mio tema...
Alcuni temi ora sono dotati di supporto gravatar integrato come mistylook! :)
Ottimo post Leland!
Sono un grande sostenitore dei Gravatar, quindi mi piace vedere più designer di temi aggiungere il supporto Gravatar integrato.
Come hai detto, è davvero così facile da fare!
@Banago: Bello, mi piace. Grazie per aver commentato.
Ho implementato i gravatar nel tema del mio blog. Infatti stavo per chiedere un feedback sul mio nuovo design. Mi piacerebbe il tuo feedback. Grazie!