Come Inserire il Box Autore su WordPress

Possiedi un blog e desideri aggiungere il box autore nei tuoi post di WordPress? Il box autore è una piccola sezione in cui è possibile visualizzare le informazioni sull’autore (link al loro sito web e profili social).

Mettere la “propria faccia”, vi consentirà di acquisire maggiore credibilità e vi permetterà e rafforzerà l’autorità del tuo sito tra gli utenti.

Esistono diversi ottimi plugin che permettono di integrare questa funzionalità, tra cui:

• Fancier Author Box by ThematoSoup
• Birds Author Box

… e se fate una ricerca in rete ne troverete molti altri.

Qui, troverete maggiori informazioni in merito allinserimento di un box autore tramite lutilizzo di un plugin.

In questo articolo, vi mostreremo come aggiungere il box dellautore in WordPress, senza l’utilizzo di plugin, evitando di appesantire il vostro sito WordPress.

1 – SELEZIONA L’UTENTE DESIDERATO

Entrate nella bacheca di WordPress e rechiamoci nella sezione utenti – Tutti gli utenti.

Selezioniamo il profilo che desideriamo e assicuriamoci che Nome, Cognome, Email, Nome pubblico da visualizzare, Sito web ed Informazioni biografiche siano correttamente compilati.

Assicuratevi di avere un gravatar assegnato al vostro indirizzo Email. (in questo modo verrà visualizzata la vostra immagine del profilo)

Curate al meglio la sezione “Informazioni biografiche”, in quanto sarà la descrizione che apparirà nel vostro box autore.

2 – MODIFICA IL FILE FUNCTIONS.PHP DEL TUO TEMA

Ora per dare vita e rendere visualizzabile il box autore inserite questo codice all’interno del file functions.php del vostro template.

Mi raccomando fate sempre prima un backup per evitare inconvenienti.

function wpb_author_info_box( $content ) {

global $post;

// Detect if it is a single post with a post author
if ( is_single() && isset( $post->post_author ) ) {

// Get authors display name 
$display_name = get_the_author_meta( display_name, $post->post_author );

// If display name is not available then use nickname as display name
if ( empty( $display_name ) )
$display_name = get_the_author_meta( nickname, $post->post_author );

// Get authors biographical information or description
$user_description = get_the_author_meta( user_description, $post->post_author );

// Get authors website URL 
$user_website = get_the_author_meta(url, $post->post_author);

// Get link to the author archive page
$user_posts = get_author_posts_url( get_the_author_meta( ID , $post->post_author));
 
if ( ! empty( $display_name ) )

$author_details = <p class="author_name">About  . $display_name . </p>;

if ( ! empty( $user_description ) )
// Author avatar and bio

$author_details .= <p class="author_details"> . get_avatar( get_the_author_meta(user_email) , 90 ) . nl2br( $user_description ). </p>;

$author_details .= <p class="author_links"><a href=". $user_posts .">View all posts by  . $display_name . </a>;  

// Check if author has a website in their profile
if ( ! empty( $user_website ) ) {

// Display author website link
$author_details .=  | <a href=" . $user_website ." target="_blank" rel="nofollow">Website</a></p>;

} else { 
// if there is no author website then just close the paragraph
$author_details .= </p>;
}

// Pass all this info to post content  
$content = $content . <footer class="author_bio_section" > . $author_details . </footer>;
}
return $content;
}

// Add our function to the post content filter 
add_action( the_content, wpb_author_info_box );

// Allow HTML in author bio section 
remove_filter(pre_user_description, wp_filter_kses);

3 – AGGIUNGI LO STILE

Al momento il nostro box autore è molto grezzo. Dobbiamo dargli un po’ di grafica.
Aggiungete questo codice css, all’interno del foglio di stile del vostro template. ( solitamente è style.css )

.author_bio_section{
background: none repeat scroll 0 0 #F5F5F5;
padding: 15px;
border: 1px solid #ccc;
}

.author_name{
font-size:16px;
font-weight: bold;
}

.author_details img {
border: 1px solid #D8D8D8;
border-radius: 50%;
float: left;
margin: 0 10px 10px 0;
}

Se per caso non vi prende lo stile, aggiungete lattributo !important, in modo da dare priorità alle istruzioni.

Per esempio :

.author_bio_section{
background: none repeat scroll 0 0 #F5F5F5!important;
padding: 15px!important;
border: 1px solid #ccc!important;
}

e cosi via per gli altri.

4 – VISUALIZZA IL RISULTATO

Il risultato sarà questo :

Se avete conoscenze di CSS, potete modificare lo stile a vostro piacimento.

Bene, ora che hai inserito il box autore, il tuo sito acquisterà di credibilità e potrai sentirti fiero di ciò scrivi nei tuoi post.