Sebbene siano disponibili molti temi WordPress , trovarne uno che abbia l’aspetto e le funzionalità esatte di cui hai bisogno può essere difficile, quindi potresti essere tentato di crearne uno tuo da zero.

Fortunatamente, la creazione di un tema personalizzato per WordPress è un processo abbastanza semplice, che non richiede molta conoscenza tecnica o esperienza con lo sviluppo web. Grazie alla facilità d’uso intrinseca della piattaforma e ai numerosi strumenti disponibili, quasi chiunque può creare un tema personalizzato.

La base di partenza sarà proprio il tema iniziale preinstallato in WordPress che potrai utilizzare come base per crearne uno tutto tuo. L’uso di uno starter ti aiuterà anche a capire come funziona WordPress mostrandoti la struttura di base di un tema e come tutte le sue parti lavorano insieme.

La prima cosa che devi fare è creare un ambiente di sviluppo locale, cioè un server che installi sul tuo computer e che puoi utilizzare per sviluppare e gestire siti WordPress locali. Un sito locale è un modo sicuro per sviluppare un tema senza influire in alcun modo sul tuo sito live.

La prima cosa da fare quindi è dotarsi di DesktopServer, un modo semplice e veloce per installare gratuitamente una versione locale di WordPress ed è compatibile sia con Mac che con Windows. Seleziona la versione gratuita di DesktopServer, completa il processo di registrazione e quindi scarica il programma di installazione. Quando l’installazione è completata, puoi aprire il programma, dove ti verrà chiesto di configurare il tuo nuovo ambiente locale. Avrai così il tuo sito WordPress locale pronto in pochi minuti.

Se non vuoi modificare un tema base me crearne uno da zero allora vai ora su Underscores e assegna un nome al tema, puoi anche fare clic su Opzioni avanzate per personalizzare ulteriormente il tema di base inserendo ulteriori informazioni, come il nome dell’autore e la descrizione del tema. Fai clic su Genera e verrà scaricato un file .zip contenente il tuo tema di partenza. Questo è il nucleo attorno al quale svilupperai il tuo tema, quindi installalo sul tuo sito locale aggiungendolo ai temi tramite il pannello back office di WordPress. 

Prima di poter personalizzare il tema, è necessario comprendere lo scopo dei suoi componenti e il modo in cui si adattano. Innanzitutto, discutiamo dei file modello , che sono i principali elementi costitutivi di un tema WordPress. Questi file determinano il layout e l’aspetto del contenuto del tuo sito. Ad esempio, header.php viene utilizzato per creare un’intestazione, mentre comments.php consente di visualizzare i commenti.

WordPress determina quali file modello utilizzare su ciascuna pagina passando attraverso la gerarchia dei modelli . Questo è l’ordine in cui WordPress cercherà i file modello corrispondenti ogni volta che viene caricata una pagina del tuo sito. Ad esempio, se visiti l’URL http://example.com/post/this-post , WordPress cercherà i seguenti file di modelli in questo ordine:

1. File che corrispondono allo slug, come this-post .
2. File che corrispondono all’ID del post.
3. Un singolo file di post generico, come single.php .
4. Un file di archivio, come archive.php .
5. Il file index.php .

Poiché il file index.php è richiesto da tutti i temi, è l’impostazione predefinita se non è possibile trovare altri file. I caratteri di sottolineatura contengono già i file modello più comuni e funzioneranno immediatamente. Tuttavia, puoi provare a modificarli se vuoi avere un’idea di come funzionano insieme.

Un altro elemento importante che devi cogliere è The Loop . Questo è il codice che WordPress utilizza per visualizzare i contenuti, quindi per molti versi è il cuore pulsante del tuo sito. Appare in tutti i file modello che visualizzano il contenuto del post, come index.php o sidebar.php .

Aggiungi funzionalità con “Hooks”

Gli hook sono frammenti di codice inseriti in file modello, che consentono di eseguire azioni PHP su diverse aree di un sito, inserire stili e visualizzare altre informazioni. La maggior parte degli hook sono implementati direttamente nel core di WordPress, ma alcuni sono utili anche per gli sviluppatori di temi.

Diamo un’occhiata ad alcuni degli hook più comuni ea cosa possono essere utilizzati:

• wp_head () – Aggiunto all’elemento <head> in header.php e abilita stili, script e altre informazioni che vengono eseguite non appena il sito viene caricato.
• wp_footer () – Aggiunto a footer.php subito prima del tag </body>. Viene spesso utilizzato per inserire il codice di Google Analytics.
• wp_meta () – Questo di solito appare in sidebar.php, per includere script aggiuntivi (come un tag cloud).
• comment_form () – Aggiunto a comments.php direttamente prima del tag di chiusura </div> del file per visualizzare i dati dei commenti.

Questi saranno già inclusi nel tuo tema Underscores. Tuttavia, ti consigliamo comunque di visitare il database degli hook per vedere tutti gli hook disponibili.

Aggiungi stili con CSS

I fogli di stile a cascata (CSS) sono ciò che definisce l’aspetto di tutti i contenuti del tuo sito. In WordPress, ciò si ottiene utilizzando il file style.css. Avrai già questo file incluso nel tuo tema, ma al momento contiene solo lo stile di base predefinito. Ci sono molte risorse sull’argomento per i principianti.

Esporta il tema e caricalo sul tuo sito

Quando hai finito di armeggiare con il tuo tema, è il momento di assicurarti che funzioni correttamente. Puoi assicurarlo testando il tema. Per assicurarti rapidamente che il tuo tema funzioni bene nella maggior parte delle circostanze, puoi utilizzare i dati di Theme Unit Test, un insieme di dati fittizi che puoi caricare sul tuo sito, contenente molte diverse varianti di stili e contenuti. Ti consentirà di vedere come il tuo tema affronta dati imprevedibili.

Quando hai testato a fondo il tuo tema e sei convinto che soddisfi gli standard richiesti , non resta che esportarlo. Il modo più semplice per farlo è semplicemente trovare dove è installato il sito Web sul computer locale, molto probabilmente in una cartella chiamata Siti Web all’interno della directory Documenti predefinita . Apri la cartella del sito web e accedi a / wp-content / themes / , dove troverai il tuo tema. Utilizza uno strumento di compressione, come WinRAR , per creare un file .zip basato sulla cartella. È sufficiente fare clic con il pulsante destro del mouse sulla cartella e selezionare l’opzione che consente di comprimerla, ad esempio Comprimi “cartella”. Quando la cartella è stata compressa, è pronta per essere caricata e installata su qualsiasi sito WordPress