Avete mai voluto mostrare una breve biografia dell’autore in fondo ai post del vostro blog? Certo se a scrivere è un singolo utente potrebbe non essere una soluzione pratica (meglio creare un’apposita pagina). Ma per i blog multi-autore, aggiungere le informazioni biografiche di ogni autore può essere un buon modo per dare visibilità a chi scrive e far sapere ai visitatori chi è l’autore di quello che leggono. La buona notizia è che non è necessario installare un plugin per integrare questa funzionalità.
[ad name=”Google Adsense 336×280″]
Per prima cosa è necessario che gli autori del blog inseriscano una loro breve biografia nel campo “Informazioni” del loro profilo. Poi dall’editor di wordpress aprite il file single.php e incollate il codice sotto riportato dove volete che appaia la biografia dell’autore (non posso dirvi con esattezza dove perché ogni tema è diverso):
<div class=”postauthor”>
<?php echo get_avatar( get_the_author_id() , 100 ); ?>
<h3>Article by <a href=”<?php the_author_url(); ?>”>
<?php the_author_firstname(); ?> <?php the_author_lastname(); ?></a></h3>
<p><?php the_author_description(); ?></p>
<p class=”hlight”><?php the_author_firstname(); ?> has written <span><?php the_author_posts(); ?></span> awesome articles for us at <a href=”LINKSITO”>NOME SITO</a></p>
</div>
Mi sembra superfluo dire che LINKSITO e NOMESITO vanno sostituiti con I dati del vostro blog. Ora è necessario definire lo stile del box che conterrà la biografia dell’autore, quindi non resta che aprire il file style.css e aggiungere:
}
.postauthor { background: #F5F5F5; width:650px; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 10px; }
.postauthor img { border: 5px solid #e2dede; float: left; margin-right: 1.5em; }
.postauthor h4 { color: #666; font-size: 2em; margin-bottom: 5px; }
.postauthor p { color: #515151; font-size: 13px; margin-bottom: 12px; text-align:justify;}
.postauthor p.hlight { font-size: 11px; text-transform: uppercase; }
.postauthor p.hlight span { color: #CB3131; font-size: 13px; font-style: italic; font-weight: bold; letter-spacing: 0.8px; }
L’operazione è piuttosto semplice ma è comunque consigliabile fare un backup del tema prima di procedere.
[ad name=”Google Adsense 336×280″]
Se invece di codice non ne volete sapere proprio nulla, potete provare il plugin Wp-Biographia, che permette di aggiungere la biografia anche a pagine, archivio e RSS.
Fonte codice: evolutionarydesigns.net
Autrice: Jessica P.
[ad name=”GoViral Video 400×385″]