In questo breve tutorial vedremo come aggiungere in ogni singolo articolo la biografia dell’autore. Quasi sempre questa funzione è integrata di default ma nel caso in cui il tuo tema ne fosse sprovvisto o ne stessi creando uno di personalizzato ti basterà aggiungere qualche riga di codice per visualizzarla nel tuo post.
Integriamo il codice
Per creare il box con la biografia e l’avatar dell’autore basterà aggiungere nel file single.php del tuo tema queste righe di codice subito dopo la stringa contenente the_content();
[php]
<div id="post-author">
<div id="author-avatar">
<?php echo get_avatar( get_the_author_email(), ’60’ ); ?>
</div>
<div id="author-details">
<h5>Post pubblicato da</strong> <?php the_author_posts_link(); ?></h5>
<?php the_author_description(); ?>
</div>
</div>
[/php]
Un po di style al contenuto
Diamo un po di style al nostro box inserendo il codice seguente nel file style.css:
[html]/*clearfix*/
.clearfix:after {
display: block;
visibility: hidden;
content: ".";
clear: both;
text-indent: -9999px;
height: 0;
}
/*post author section*/
#post-author {
padding-top: 30px;
margin-top: 10px;
border-top: 1px dashed #CCC;
}
#author-avatar {
float: left;
height: 68px;
width: 68px;
border: 1px solid #D6D6D6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#author-avatar img {
height: 60px;
width: 60px;
border: 1px solid #FFF;
background: #EEE;
padding: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#author-details {
float: right;
width: 540px;
}
#author-details h5 {
margin-top: 0px;
margin-bottom: 10px;
font-weight: bold;
}[/html]
Aggiungiamo la biografia
Per visualizzare la biografia dell’autore andremo in amministrazione di WordPress > Utenti > Il tuo profilo e inseriremo il testo come da immagine:
