Domande o Richieste ? al 3496993121 | Email | Preventivo
Scopri la nostra Assistenza Speciale per Wordpress

Come Inserire il Box Autore su WordPress

Come Inserire il Box Autore su WordPress senza l’utilizzo di Plugin

come-inserire-box-autore-wordpress

Possiedi un blog e desidere 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 :

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

Qui, troverete maggiori informazioni in merito all’inserimento di un box autore tramite l’utilizzo di un plugin.

In questo articolo, vi mostreremo come aggiungere il box dell’autore 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.

dati-profilo-utente

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 author's 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 author's biographical information or description
$user_description = get_the_author_meta( 'user_description', $post->post_author );

// Get author's 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 l’attributo !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 :

infobox-risultato

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. 🙂

About Emiliano

Mi chiamo Emiliano Prelle, web designer freelance, con la passione per il web e la tecnologia e tutto quello che le ronza intorno.
Mi occupo di sviluppo, progettazione e realizzazione siti internet ( sviluppati in particolare con WordPress ), grafica e SEO.

Lascia un commento

Contatti

Loranzè, via Fiorano n 83
10010 ( TO )
Cell: 3496993121
Email: Scrivimi via email
P.IVA: 11315150018
Operiamo nel rispetto della tua Privacy

desclaimer

Il sito www.emprsitiweb.com è di proprietà di Prelle Emiliano e da esso gestito. La veste grafica, le immagini ed i testi presenti nel sito sono soggetti a copyright da Prelle Emiliano e/o dei rispettivi proprietari e non possono essere riprodotti o trasmessi con nessun mezzo, né essere utilizzati in ambito professionale o commerciale senza autorizzazione scritta da Prelle Emiliano o dei legittimi proprietari.

Ultima dal Blog

Social

Resta aggiornato su WordPress !

Guide/Tutorials per WordPress

Suggerimenti e trucchi per WordPress

Un Report 100% gratuito che ti aiuta ad evitare gli errori più comuni per il tuo sito WordPress

Se ti iscrivi, riceverai periodicamente : 

Rispettiamo la privacy. La tua Email verrà solo utilizzata per questa newsletter, e non sarà ceduti a terzi.

Grazie per la tua iscrizione !

Miraccomando : Clicca sul seguente LINK, per visionare tutte le informazioni ed i dettagli relativi alla tua iscrizione !

Ti anticipo, che devi cliccare sul link di conferma che ti ho appena inviato al tuo indirizzo email per poter essere iscritto correttamente alla newsletter. Questo ti permetterà di ricevere tutti gli aggiornamenti ed il report free, sui 25 errori più comuni di WordPress, che ho preparato per te !

Nella mail troverai tutte le informazioni del caso.

Nb: Se la mail non arriva subito, non preoccuparti; causa ritardi del server può impiegarci anche fino a 2 ore.

I 25 Errori WordPress più comuni da evitare 

Iscrivendoti al blog ricevi gratuitamente una report in cui ti mostro i 25 errori più comuni che commettono i principianti in WordPress in fase di realizzazione di un Sito Web. 

Iscriviti ed ottieni il report gratuito !

*Lo scarichi in 5 secondi. 100% Gratis

Rispettiamo la privacy. La tua Email verrà solo utilizzata per questa newsletter.

Grazie per la tua iscrizione

Miraccomando : Clicca sul seguente LINK, per visionare tutte le informazioni ed i dettagli relativi alla tua iscrizione !

Ti anticipo, che devi cliccare sul link di conferma che ti ho appena inviato al tuo indirizzo email per poter essere iscritto correttamente alla newsletter. Questo ti permetterà di ricevere tutti gli aggiornamenti ed il report free, sui 25 errori più comuni di WordPress, che ho preparato per te !

Nella mail troverai tutte le informazioni del caso.

Nb: Se la mail non arriva subito, non preoccuparti; causa ritardi del server può impiegarci anche fino a 2 ore.