Mi è venuto in mente di fare una cosa: aggiungere la mia immagine gravatar insieme al titolo di questo blog costruito su wordpress. Sono andato a visitare il sito http://en.gravatar.com alla sezione developers spiegano come richiamare la nostra immagine così

<img src="http://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50" />

aggiungendo il valore esempio 200 che corrisponde alla dimensione in pixel che vogliamo darle così

<img src="http://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?s=200" />

Veniamo a noi vado sul mio profilo gravatar clicco sul menu in alto a dx My account e po su Manage my gravatars clicco su check this gravatar e da questa schermata ottengo la chiamata alla mia immagine http://s.gravatar.com/avatar/bc9f33a439f22c0995d234424ef128ad?s=80

Ora vado nel file header.php del mio sito vi ricordate il post su come sostituire il titolo di wordpress con un immagine? Ve lo dico domani ora vado a casa ciao!

…Continuo: Vado nel file header.php dal menù di wordpress Aspetto>Editor e sostituisco la solita stringa

<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>

con questa

<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="http://www.gravatar.com/avatar/bc9f33a439f22c0995d234424ef128ad?s=120" /><?php bloginfo( 'name' ); ?></a></span></h1>

nella quale ho aggiunto l’immagine di gravatar nel mio caso questa

<img src="http://www.gravatar.com/avatar/bc9f33a439f22c0995d234424ef128ad?s=120" />

Ora se utilizzate il tema di wordpress twenty eleven o twenty twelve che hanno un design responsive noterete che la vostra immagine apparirà allargata per tutta la larghezza della testata questo perché nel foglio di stile div #branding img ha la larghezza impostata al 100% quindi faccio così commento la larghezza e aggiungo un border radius per fare l’immagine tonda perchè mi piace di più. Ricordare di dare la metà della larghezza della foto al border radius per fare un cerchio perfetto quindi scrivo il div così

#branding img {
 height: auto;
 display: block;
 /*width: 100%;*/
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
}

Spero vi sia stato utile sono ben accette critiche e suggerimenti ciao!