Guida WordPress: creare un box autore sotto l’articolo

Guida WordPress: creare un box autore sotto l’articolo

Nella guida di oggi dedicata a WordPress vediamo come creare un box autore sotto ogni articolo del blog.

Di base l’immagine autore viene recuperata da WordPress basandosi sulla mail inserita in fase di registrazione/creazione al sito e utilizzando il noto servizio Gravatar. Pertanto se volete personalizzare il vostro profilo online come blogger/admin/autore vi consiglio di creare subito un account sul sito ufficiale.

Panoramica generale

Ecco il codice per generare il box autore:

Codice da inserire in functions.php del tema

<?php function trg_author_info() { ?>

<div id="about_the_author">
  <div class="box_content">
      <?php // metodo 1: echo get_avatar( get_the_author_email(), '80' ); ?>
      <!--Metodo2 (Consigliato)-->	
      <?php echo get_avatar(get_the_author_email(),$size='150',$default=get_template_directory_uri().'/assets/gravatar.gif' ); ?>
      <h4><?php the_author_link(); ?></h4>
      <p> <?php the_author_description(); ?> </p>
  </div><!--box content -->	
</div><!--box autore-->	

<?php }//Function box autore ?>

Ecco alcune delucidazioni e una comoda analisi passo-passo del codice:

Per prima cosa definiamo la funzione per poterla poi richiamare dove preferiamo nel nostro tema:

<?php function trg_author_info() { ?>

Una volta inizializzata la funzione andiamo a comporre il view html del box autore, ecco le funzioni usate per richiamare gli elementi dinamici:

<?php get_the_author_email(); // Recupero email utente/autore ?>
<?php the_author_description(); //Descrizione autore inserita nel wp-panel ?>
<?php the_author_link(); // Link eventuale sito web inserito ?>

Per l’immagine esistono due metodi differenti. Il primo è senza callback (ovvero nel caso non ci sia la foto autore l’immagine non viene caricata). Il secondo metodo (che vi consiglio) permette di specificare un’immagine autore personalizzata nel caso non sia presente:

<?php //METODO1
echo get_avatar( get_the_author_email(), '150' ); ?>
<?php 
//METODO2
echo get_avatar(get_the_author_email(),$size='150',$default=get_template_directory_uri().'/assets/gravatar.gif' ); ?>

A questo punto per mostrare il vostro box autore personalizzato appena creato vi basterà incollare il seguente codice nel template singolo del vostro tema (content-single.php di solito):

Codice da inserire in content-single.php del tema

 <?php trg_author_info(); ?>

NOTA: Ovviamente potete personalizzare anche il css usando gli ID e classi assegnate nel functions.php creando le regole css nel file style.css del vostro tema WordPress.

Conclusioni

Questo articolo ti è stato utile condividi questo articolo sui social network oppure scopri tutte le nostre interessanti guide dedicate e WordPress!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

plugin-jquery-per-migliorare-e-personalizzare-i-vostri-form
Up Next:

Plugin jQuery per migliorare e personalizzare i vostri form

Plugin jQuery per migliorare e personalizzare i vostri form