CMS  »  Articoli  »  WordPress 

Creare un tema per WordPress

di: Valentina Bossini     22 Ottobre 2010

Introduzione ai temi di WordPress

Una parte molto importante durante la creazione del nostro sito o del nostro blog è quella che riguarda il layout grafico. Un tema è una cartella che contiene tutti i file che compongono il layout (header, footer, index, page, single), mentre un template è l'aspetto che può avere una pagina o un post, direttamente selezionabile dal pannello di amministrazione del sito (raggiungibile dall'indirizzo http://tuosito/wp-admin).

Per creare il nostro tema possiamo prenderne uno già esistente e modificarlo a nostro piacimento oppure crearlo da zero. Nel primo caso dobbiamo spendere tempo nel ricercare un template di base che si avvicina a quello che vogliamo noi, nel secondo caso dobbiamo studiare bene la struttura dei template in WordPress e quest'ultimo risulta essere più efficace nel caso si voglia creare più template diversi.

I file principali per creare un tema

Un tema WordPress è composto di diversi file PHP e molti di questi restituiscono una pagina con determinati scopi:

  • index.php: è la vera pagina del sito, quella che si presenta quando accediamo a esso;
  • header.php: comprende tutta la parte di codice compresa tra il doctype il tag body, comprese tutte le informazioni come il nome del sito, la descrizione, i metadati e i link ai file di stile e agli script. A volte, per comodità, è inserita l'apertura dei tag contenitori e tutto ciò che è in ogni caso ripetuto per tutte le pagine, per esempio un logo o un banner;
  • footer.php: è quella parte che sta in fondo alla pagina e comprende alcune informazioni come i credits e la chiusura dei tag body e html;
  • sidebar.php: comprende gli script per far comparire dei widget, ma più in generale tutti gli strumenti di navigazione del sito (categorie, archivi o anche menu). Di solito è strutturata come una colonna laterale;
  • page.php: serve per restituire una pagina interna al sito;
  • single.php: serve per restituire un articolo. È, in sostanza, la pagina che si apre quando si clicca su un post dell'homepage;
  • search.php: è la pagina che restituisce l'elenco dei risultati di una ricerca;
  • archive.php: restituisce i risultati di post archiviati, selezionati secondo una data oppure un tag;
  • comments.php: è il template dei commenti. Contiene, oltre ai commenti, il form e le indicazioni per inserirli ed è richiamata solitamente all'interno di single.php;
  • category.php: restituisce un elenco di articoli riguardanti la categoria selezionata;
  • functions.php: contiene alcune funzioni proprie del tema, per esempio restituisce il numero di sidebar presenti. Tramite questo possiamo far comparire più sidebar (come vedremo in seguito);
  • 404.php: restituisce un messaggio di errore di pagina non trovata.

Se uno di questi file non esiste, sarà utilizzato il corrispondente file presente nel tema "default". Alcuni file possono essere personalizzati, per esempio è possibile adattare l'aspetto di una categoria rispetto ad un'altra semplicemente creando un file del tipo category-2.php dove 2 è l'id della categoria in questione.

Infine, ultimo ma non ultimo, è necessario il foglio di stile, style.css, e possibilmente una cartella per contenere le immagini del tema. I file più importanti di un tema sono certamente index.php e style.css. I file elencati seguono una gerarchia, come possiamo vedere dall'immagine.

Guide CMS

Guida Alfresco

Scopriamo le funzionalità del CMS Alfresco, uno strumento ideale...

Guida WordPress 3

WordPress 3 raggiunge le capacità dei migliori CMS, capace di...

Guida Joomla 1.6

Conosciamo nei dettagli le novità di Joomla 1.6 e vediamo come...

Altre guide

Corsi in aula

Corso Webmaster base

18 Giugno 2012 a Milano
Disponibilità: 6 Posti

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti

Corso Webmaster base

11 Giugno 2012 a Roma
Disponibilità: 7 Posti