Come inserire box autore in WordPress

Come inserire box autore in WordPress senza plugin

Come inserire box autore in WordPress negli ultimi giorni è stato il focus principale delle mie ricerche, infatti il mio tema non ha di default questa funzionalità quindi ho iniziato a documentarmi e ho sviluppato questa funzionalità.

Come inserire box autore in WordPress

Il box autore è una piccola sezione  in cui è possibile visualizzare le informazioni sull’autore, link del proprio sito web e profili social. Questa funzionalità è molto importante, perché mettere la propria faccia sul proprio blog  vi consentirà di acquisire maggiore credibilità e vi permetterà di rafforzare l’autorità del tuo sito tra gli utenti.

In questo post, ti mostrerò come inserire box autore in WordPress senza l’uso dei plugin in modo da evitare di appesantire il vostro sito WordPress.

Se invece, non sei pratico di codice php nel prossimo post che sto preparando ti elencherò quali plugin ti aiuteranno a inserire questa funzionalità. Stay tuned!

Seleziona l’utente

Nella bacheca di WordPress, in Utenti – Tutti gli utenti, seleziona il profilo e assicuriamoci di aver compilato i campi Nome, Cognome, Email, Nome pubblico da visualizzare, Sito Web ed Informazioni biografiche.
Assicurati di aver un gravatar assegnato al vostro indirizzo email.

Modifica il file functions.php

Dopo aver configurato la scheda del profilo occorre rendere visualizzabile il box autore, quindi aprite il file functions.php all’interno dell’editor del vostro back-end e copiate il codice sottostante:


function wpb_author_info_box( $content ) {
 
global $post;
 if ( is_single() && isset( $post->post_author ) ) {
 
$display_name = get_the_author_meta( 'display_name', $post->post_author );
 
if ( empty( $display_name ) )
$display_name = get_the_author_meta( 'nickname', $post->post_author );
 
$user_description = get_the_author_meta( 'user_description', $post->post_author );
 
$user_website = get_the_author_meta('url', $post->post_author);

$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_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>'; 
 
if ( ! empty( $user_website ) ) {
 
$author_details .= ' | <a href="' . $user_website .'" target="_blank" rel="nofollow">Website</a></p>';
 
} else {

$author_details .= '</p>';
}
 
$content = $content . '<footer class="author_bio_section" >' . $author_details . '</footer>';
}
return $content;
}

add_action( 'the_content', 'wpb_author_info_box' );
 
remove_filter('pre_user_description', 'wp_filter_kses');

Aggiungi un’pò di stile

Inizialmente la grafica del box autore è un’pò grezza quidi ci toccherà aggiungere del codice css all’interno del foglio di stile del vostro template.


.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;
}

Bene ora guarda il risultato nel mio blog!

Conclusione

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

 

Autore Bartolomeo

Mi chiamo Bartolomeo Alberico, sono un consulente tecnico con la passione per il web e la tecnologia e tutto quello che le ronza intorno.
Nel tempo libero scrivo articoli per il mio blog su argomenti vari, in particolare su WordPress e SEO.

Condividi questo articolo!

2 Commenti

Massimo Rispondi

Salve, volevo sapere come inserire questo box in qualunque sezione del sito, a piacimento. Esiste qualche shortcode da inserire?
Grazie.

Bartolomeo Rispondi

Ciao, in questo post ho solo descritto i passaggi da seguire per far comparire il box al di sotto degli articoli. Per quanto riguarda gli shortcode a breve farò un post con ciò che ti serve. Mi hai dato un’ottima idea.
Saluti

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.

Ho letto la policy privacy e accetto il trattamento dei miei dati personali in conformità al D.Lgs. 196/2003