Oggi vediamo come dare la possibilità ai nostri commentatori di visualizzare la loro “immagine personale” in pochissimi step grazie a GRAvatar.

Questo progetto si pone l’obiettivo di portare la vostra immagine personale ovunque vogliate, legandola alla vostra e-mail cifrata con MD5 per questioni ovvie di privacy e di protezione da spam.

Vediamo prima un HowTo per le versioni precedenti alla 2.5 che sfrutta il plugin di GRAvatar, poi la guida per la 2.5 e per finire, come standardizzare il proprio tema per tutte le versioni di WP.

Per Wordpress < 2.5:

La parte semplice:

• Scarichiamo lo zip contenente il plugin per wordpress di GRAvatar da qui
• Estraiamo il file PHP conenuto al suo interno e facciamo l’upload del file nella cartella dei plugin di Wordpress
• Andiamo nella parte amministrativa di Wordpress ed attiviamo il nuovo plugin che troveremo in lista

Ed ora la parte “più complessa“:

• apriamo il file “comments.php” del tema che stiamo usando per modificarlo (possiamo anche modificarlo dall’editor di temi integrato in WP Admin)
• se non è incluso nel tema (probabilmente usa quello di default) prendiamo il file comments.php dal tema di default già incluso in wordpress
• scendiamo fino a trovare (una cosa simile a):

<?php foreach ($comments as $comment) : ?>

<li <?php echo $oddcomment; ?>id=”comment-<?php comment_ID() ?>”>

• a questo punto inseriamo appena dopo il seguente pezzo di codice:

<?php if(function_exists(’gravatar’)) {?>

<img class=”avatar” src=”<?php gravatar(’R',50); ?>” alt=”" />

<?php }?>

• Abbiamo appena detto che se il plugin GRAvatar è attivo, deve inserire l’immagine appropriata
• A questo punto non ci resta che sistemare un po’ lo stile (e qui chi ci sa fare può sbizzarrirsi); io vi consiglio il seguente frammento di CSS che dovrebbe andare bene nella maggior parte dei temi.
• Aggiungiamo quindi in coda allo style.css del tema il seguente pezzo di codice:

.avatar{

padding:1px;

border:1px dotted #444;

float:right;

width:50px;

height:50px;

}

Per Wordpress = 2.5:

• Niente di più semplice, il plugin gravatar è già incluso nel cuore del nostro WP quindi non ci resta che sfruttarne le potenzialità!
• Ripetiamo dunque solo la “parte più complessa” del tutorial per le vecchie versioni e al posto di:

<?php if(function_exists(’gravatar’)) {?>

<img class=”avatar” src=”<?php gravatar(’R',50); ?>” alt=”" />

<?php }?>

• sostituiamo:

<?php echo get_avatar( $comment, 50); ?>

Fatto! Niente di più semplice no?!

Per qualsiasi versione di Wordpress:

• Per rendere il nostro tema funzionale su tutte le piattaforme WP non ci resta che aggiungere qualche controllo..
• Quindi nel codicino che sopra vi ho detto di mettere nel file comments.php mettete:

<?php if(function_exists(’get_avatar’)){ echo get_avatar( $comment, 50); } else if(function_exists(’gravatar’)) {?>

<img class=”avatar” src=”<?php gravatar(’R',50); ?>” alt=”" />

<?php }?>

A questo punto penso di avervi detto praticamente tutto, se volete chiarimenti o precisazioni particolari non esitate a chiedere!

Potete apprezzare il risultato direttamente nei commenti ai nostri post!

Buona lettura su itcoffee