Spaghetti Wordpress

Questa è la seconda parte della guida su come creare un tema per Wordpress.

Dopo aver preparato tutti gli strumenti necessari per la creazione di un tema e installato Wordpress in locale nella prima parte, è venuto il momento di parlare della struttura di un tema per Wordpress e dei file necessari per la sua creazione.

Un tema per Wordpress è fondamentalmente composto da varie sezioni che molto probabilmente vi saranno già familiari e che potete facilmente riconoscere anche all’interno di questa pagina che state leggendo.

In cima c’è l’intestazione (header) con il titolo, sulla sinistra dove state leggendo la parte centrale del contenuto, sulla destra la barra laterale e in fondo a concludere la pagina il footer (suggerimenti per la traduzione in italiano?).

In Wordpress ognuna di queste parti è gestita da un file differente denominato in modo abbastanza intuitivo header.php, index.php, single.php, sidebar.php, footer.php e così via per ogni funzione necessaria al tema.

Questa suddivisione viene utilizzata poiché mentre la sezione dei contenuti può variare in base a se siamo sulla pagina principale o visualizziamo un articolo singolo oppure una pagina, le atre tre sezioni, ovvero intestazione, barra laterale e footer nella maggior parte dei casi rimangono inalterate, risultando in un tema strutturato come potete vedere nella figura qui sotto.

Sebbene possa all’inizio sembrare complicato tenere tutti questi file sotto controllo, vi accorgerete ben presto dell’utilità della suddivisione in vari file per poter trovare immediatamente la sezione da voler modificare.

Per tenere le cose più semplici utilizzeremo per la creazione del nostro tema inizialmente solamente il file index.php, che come potete intuire è quello che rappresenta la pagina principale del blog e che è necessario in ogni tema per il suo funzionamento.

Per iniziare a creare in nostro primo tema andiamo quindi nella cartella wordpress > wp-content > themes di Wordpress e creiamo una sottocartella chiamata per esempio il_mio_tema (o un altro nome che preferite) dove verranno inseriti tutti i file del tema.

Qui creiamo immediatamente i due file necessari e obbligatori per la creazione di un tema, ovvero il già citato index.php e il file per cestire i Css, style.css.

Aprite quindi il file style.css con un editor di testo e inserite all’inizio del file il seguente testo all’inizio del file:

Theme Name: il nome del tema

Description: la descrizione del tema

Version: la versione del tema (per esempio 1.0)

Author: l’autore del tema.

Questa è la descrizione del tema che è necessaria per ogni tema per essere riconosciuto da Wordpress come tale. Modificate ovviamente i vari campi in base alle vostre preferenze. Altri campi che possono essere inseriti nella descrizione del tema li potete trovare nella documentazione ufficiale di Wordpress.

Ora salvate il file e andate nel pannello di amministrazione di Wordpress utilizzando il vostro browser.

Premete sul menu Aspetto > Temi sulla sinistra e vi dovrebbe comparire vicino ai due temi preinstallati con Wordpress (Default e Classic) il tema che avete appena creato.

Premete ora sul titolo del tema e vi si aprirà l’anteprima, che al momento sarà ovviamente vuota. Premete comunque su “Attiva il mio tema” e in questo modo avrete appena attivato il vostro primo tema.

Nella terza lezioni inizieremo a riempire il tema con titolo e descrizione, non mancate!