Ora che abbiamo creato il Loop nella prima parte di questo tutorial, è venuto il momento di inseririci un po’ di contenuti, non pensate?
Il Loop di Wordpress da solo infatti serve solamente a Wordpress per capire se ci sono post disponibili all’interno del database che possono essere pubblicati, ma non specifica ancora come questi debbano essere rappresentati nel blog.
In particolare le funzioni specifiche che devono essere richiamate sono quelle relative a titolo, contenuto e i cosiddetti postmetadata.
Riprendiamo innanzitutto i concetti della prima parte. Il Loop come lo abbiamo conosciuto fin’ora si presenta in questa forma:
NOTA: Prima di partire con le spiegazioni vi ricordo che tutto il codice che vi spiegherò nei prossimi passi va inserito all’interno del Loop (oramai dovrebbe essere chiaro…) tra:
<?php while(have_posts()) : the_post(); ?>
e
<?php endwhile; ?>
Ma ora andiamo con ordine e iniziamo a inserire i vari elementi:
#1. Il titolo
Ogni post ha un titolo, quindi come facciamo a farlo visualizzare? Semplicemente utilizziamo la seguente linea di codice:
<?php the_title(); ?>
Questo codice chiede solamente al server: “C’è un titolo per il post?” Se la risposta è si, allora lo visualizza. Semplice no?
Per rendere le cose un po’ più interessanti ed interattive è possibile per esempio trasformare il titolo in un link, semplicemente modificando il codice come segue:
<a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a>
In questo modo il titolo diventerà un link grazie all’attributo <a> e l’indirizzo sarà il permalink richiamato dall’apposita funzione <?php the_permalink(); ?> .
#2. Il contenuto
Il contenuto è ovviamente la parte più importante di ogni blog, ma per richiamarlo all’interno del Loop si usa anche qui una lina di codice molto semplice:
<?php the_content(); ?>
Questa funzione, in maniera simile a quella per il titolo, chiede al server: “C’è del contenuto per il post?” E se la risposta è affermativa, questo viene visulizzato nel browser del visitatore.
Il contenuto visualizzato all’interno del browser sarà racchiuso all’interno di tag <p> creati direttamente dalla funzione di Wordpress che possono poi essere modificati con i Css.
Per avere un maggiore controllo sui post è possibile racchiudere la funzione all’interno di un <div> che divida per esempio il contenuto dal titolo per avere un maggiore controllo nella fase di realizzazione grafica.
A questo punto il vostro Loop dovrebbe essere come questo:
Grazie a queste funzioni verranno visualizzati per ogni post il titolo ed il contenuto.
Ma non è finita quì: nella terza ed ultima parte di questo tutorial vi presenterò una serie di funzioni minori per gestire la data, le categorie, l’autore ed i commenti del post. Inoltre miglioreremo un po’ l’aspetto generale del Loop per poter essere gestito più facilmente con i Css.
Se avete domande o suggerimenti riguardo a questo post scrivete pure nei commenti i vostri pensieri…
