Abbiamo già trattato l’argomento favicon in precedenza ed oggi voglio spiegarvi come sostituirla con il vostro Gravatar su WordPress o come utilizzare la stessa immagine come icona iOS.
Cosa è un Gravatar
Con il proliferare di forum e blog è sorta la necessità di poter avere ovunque la stessa immagine, altresì detta avatar, a rappresentare la nostra identità.
Per evitare la noiosa procedura di dover modificare uno ad uno i vari account, è stato creato Gravatar: un sistema che associa un avatar ad un indirizzo e-mail.
In questo modo non solo sarà possibile cambiare in un solo colpo la propria immagine ovunque sul web, ma allo stesso tempo questa si abbinerà anche ad eventuali nuovi account che andremo a creare in futuro.
Il codice necessario
Per poter utilizzare il Gravatar al posto della favicon, dovremo andare a modificare il file functions.php situato nella cartella del vostro tema di WordPress, aggiungendo in fondo queste poche righe di codice:
<?php
function GravatarComeFavicon() {
$GetTheHash = md5(strtolower(trim('nome@indirizzo.com')));
echo 'http://www.gravatar.com/avatar/' . $GetTheHash . '?s=16';
}
?>
Ovviamente dovrete fare attenzione a sostituire l’e-mail nome@indirizzo.com con quella associato al vostro account su Gravatar.
In seguito basterà aggiungere alla head del vostro tema questa semplice linea di codice:
<link rel="shortcut icon" href="<?php GravatarComeFavicon(); ?>" />
Assicuratevi che nella head non fosse già presente un’istruzione riguardante la favicon ed in caso cancellatela.
Gravatar anche come icona iOS
Se vi ricordate qualche tempo fa abbiamo visto come dotare il sito di un’icona per la springboard di iPhone, iPad e iPod Touch. Se volete potete anche utilizzare una funzione quasi uguale per ottenere lo stesso risultato:
<?php
function GravatarComeAppIcon() {
$GetTheHash = md5(strtolower(trim('nome@indirizzo.com')));
echo 'http://www.gravatar.com/avatar/' . $GetTheHash;
}
?>
Questo come sempre nella head:
<!-- Versione con riflesso --> <link rel="apple-touch-icon" href="<?php GravatarComeAppIcon(); ?>"> <!-- Versione senza riflesso --> <link rel="apple-touch-icon-precomposed" href="<?php GravatarComeAppIcon(); ?>">
A questo punto, se avete fatto tutto secondo le istruzioni, dovreste aver ottenuto il risultato sperato.