Prosegue la mini guida alla creazione del primo template in WordPress con: Il primo template WordPress – header e footer
Vediamo come scorporare dall’unica pagina creata nel precedente articolo, l’header ed il footer, per permettere una corretta gestione dei contenuti in WordPress.
Partendo dagli script precedenti, duplichiamo la pagina index.php due volte.
Le pagine duplicate le rinominiamo header.php e footer.php e le posizioniamo nella root del nostro tema.
Il primo template WordPress – header e footer. La pagina index.php
Nella pagina index.php, lasciamo solamente le righe di codice da riga 19:
<h3>Contenuto principale</h3>
a riga 33:
<div class="clear"></div>
All’inizio del codice inseriamo una nuova riga – serve a richiamare la sezione di codice dell’header -:
<?php get_header(); ?>
ed alla fine del codice una nuova riga – serve a richiamare la sezione di codice del footer -:
<?php get_footer(); ?>
Il primo template WordPress – header e footer. La pagina header.php
Passiamo ora alla pagina header.php. Lasciamo il codice dalla riga 1:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
alla riga 18:
<div id="corpo">
Il primo template WordPress – header e footer. La pagina footer.php
Per ultima la pagina footer.php. Lasciamo solamente il codice da riga 34:
<div id="chiusura">
all’ultima riga del codice:
</html>
Inseriamo una nuova riga prima della chiusura del tag </body> – serve ad informare WordPress che il footer è terminato -:
<?php wp_footer(); ?>
E’ tutto. Ora abbiamo la struttura necessaria per gestire al meglio i contenuti in WordPress.
I files finali sono disponibili per il download da questo link
Hai bisogno di realizzare a Verona o in un’altra parte d’Italia un template WordPress? CONTATTAMI
[…] > Il primo template WordPress – header e footer […]