Blog su Wordpress, Web Design, Web Development e Seo

A partire dalla versione 2.5 WordPress integra i gravatar.

Per chi non sapesse cos’è un gravatar: Gravatar.com. Registrandovi al sito e inserendo il vostro avatar, la vostra immagine verrà associata all’ indirizzo email con cui vi registrate e vi seguirà ovunque la funziona gravatar sia supportata.

Belli gli avatar per dare un volto o un’ immagine ai commentatori di un blog ad esempio.

Per aggiungere i gravatar al vostro tema basta aggiungere questa riga di codice in comments.php:

ovviamente laddove volete visualizzare l’ avatar, in genere prima del nome del commentatore, ovvero prima di

Il numero “50″ sta ad indicare la dimensione in pixel dell’ immagine che potete modificare a seconda delle esigenze.

Poi visto che ci siamo diamo un tocco in più ai nostri commenti, aggiungendo non solo l’ avatar ma anche un simpativo effetto mousehover: l’ opacità. L’ avatar sarà opaco ma si schiarirà al passaggio del mouse.

Per ottenere questo effetto, che raramente “stona”, basta aggiungere nel file style.css il seguente codice:


/*stile per gravatar*/
img.avatar {float:left; margin-right:5px; border:solid; border-color:#fff;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
-moz-opacity: 0.4;}
img.avatar:hover {float:left; margin-right:5px; border:solid; border-color:#fff;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;}


Abbiamo così aggiunto un bordino bianco alle nostre immagini e l’ effetto opacità!