Nella maggior parte dei blog che visitiamo quotidianamente (a questo proposito eccovi una lista di blog da aggiungere ai preferiti) alla fine di ogni post sono visualizzate le informazioni sull’autore.
Possono essere le info sul curriculum, sugli interessi personali o sugli skills maturati dall’autore, sono comunque utili per identificare e associare un certo tipo di contenuti ad una persona.
Oggi vi mostro alcune righe di codice per “appendere” un box con le info sull’autore da inserire nel punto del post che preferite (normalmente è meglio in fondo agli articoli del blog ma possiamo metterlo ovunque, all’interno del nostro sito).
Creiamo il box autore
Le seguenti righe di codice sono sufficienti per visualizzare il box:
<div class="author-box"> <div class="author-pic"><?php echo get_avatar( get_the_author_email(), '80' ); ?></div> <div class="author-name"><?php the_author_meta( "display_name" ); ?></div> <div class="author-bio"><?php the_author_meta( "user_description" ); ?></div> </div>
Il risultato che otterremo, a seconda del tema installato, sarà più o meno questo:
Il risultato è interessante ma ha bisogno di qualche ritocco stilistico, mano al css 🙂
/* Stile box autore */
.author-box {
width: 40%;
border: 2px solid #39F;
padding: 5px;
}
.author-name {
text-transform: uppercase;
margin-bottom: 20px;
}
.author-pic {
float: left;
margin-right: 20px;
}
.author-bio {
line-height: 1.4em;
font-size: .8em;
}
Dopo la cura:
Non è il massimo che si può ottenere ma è sufficiente a rendere l’idea.
Utilizzare un box con le informazioni sull’autore del post è utile per il lettore e più professionale da parte di chi scrive.
N.B.: per visualizzare le info sull’autore è necessario che le info siano inserite nel sito.
andate alla Bacheca -> Utenti -> Il tuo profilo e scrivete nel campo “Informazione biografiche”.
