Questa è una serie di tutorial che copre le basi dello sviluppo di un tema WordPress da zero. È per te che ti sei dilettato un po’ nel cambiare altri temi, desiderando che tu ne sapessi abbastanza per crearne uno tuo, o che hai provato a creare il tuo tema da zero, ma hai avuto difficoltà a capire le basi di ciò di cui un tema ha bisogno. Attraverso 12 lezioni, questo tutorial mira a guidarti attraverso lo sviluppo del tuo tema WordPress, mentre apprendi le pratiche comuni e le basi su come funziona WordPress. L’obiettivo di questo tutorial non è quello di finire con un tema dall’aspetto sorprendente e pronto per l’uso o di vendita, ma di darti le solide basi necessarie per costruirlo ed estenderlo.
Ti consiglio di scrivere tutto da solo invece di copiare e incollare il codice. Questo è il modo migliore per imparare (non ti preoccupare, non stiamo parlando di migliaia di righe qui)! Le lezioni sono impostate in modo che tu impari cosa fa ogni bit di codice, passo dopo passo, in modo che tu possa modificarlo e aggiungerlo lungo il percorso, così puoi farlo essere proprio come vuoi che sia o assomigli. Alla fine di ogni lezione mi collegherò alle pagine di documentazione per ogni metodo utilizzato, solitamente a WordPress Codex.
Questo tutorial non tratterà alcuno stile (CSS), tuttavia spiega come aggiungere i tuoi fogli di stile al tuo tema e spiega come dire a WordPress di aggiungere dinamicamente classi utili nel tuo HTML. Ti incoraggio a modellare il tuo tema per te stesso mentre segui.
Prerequisiti
Questo tutorial è per te che:
- Conoscere le basi di HTML e CSS
- Conosci un po’ di PHP. Non è necessario essere un esperto, ma dovresti conoscere le basi
- Hanno familiarità con l’utilizzo di WordPress
- Vuoi imparare!
Quello che ti servirà per seguire questo tutorial è:
- Una configurazione di sviluppo locale. Puoi sviluppare trasferendo tramite FTP a un dominio, ma si consiglia di configurarne uno localmente. Dovresti (ovviamente) anche avere WordPress installato nel tuo sito di sviluppo. Spiego brevemente come farlo nella parte 0.
- Un buon editor di testo. Puoi utilizzare qualsiasi editor, come Blocco note e simili, ma è consigliabile utilizzare un software mirato per la codifica (è più facile leggere, trovare e scrivere codice). Personalmente uso Sublime Text 3.
Sommario del tutorial
Di seguito sono riportati i collegamenti diretti a tutte le 12 lezioni di questo tutorial; tuttavia alla fine di ogni lezione troverai i link di nagivazione alla lezione successiva o precedente, quindi non è necessario tornare qui.
Senza ulteriori indugi, iniziamo! Se disponi già di una configurazione di sviluppo WordPress locale, vai direttamente alla Parte 1: Introduzione.
-
Il passaggio 0.5 nel tutorial sul tema WordPress per principianti spiega come configurare un ambiente di sviluppo locale con WAMP o XAMPP e installare WordPress.
-
Tutorial sul tema WordPress per principianti – Parte 1: Introduzione
In questa lezione inizierai a imparare come WordPress carica i contenuti a seconda della pagina in cui ti trovi e della gerarchia dei file del modello del tema. Imparerai anche cosa è necessario per un tema valido. E alla fine creeremo finalmente il nostro tema e lo attiveremo.
-
Tutorial sul tema WordPress per principianti – Parte 2: Modelli
Questa lezione ti insegnerà come strutturare i principali modelli di costruzione in un tema WordPress. Inizieremo a creare i modelli più importanti.
-
Tutorial sul tema WordPress per principianti – Parte 3: contenuto dinamico
In questa lezione del tutorial sul tema WordPress per principianti impareremo gli hook in WordPress e aggiungeremo alcuni hook nel nostro tema necessari affinché un tema funzioni correttamente con WordPress e plugin. Inizieremo anche ad accedere ai contenuti dinamici da WordPress nella nostra intestazione, come ottenere automaticamente il titolo della pagina corrente.
-
Tutorial sul tema WordPress per principianti – Parte 4: The Post Loop
In questa lezione del tutorial sul tema WordPress per principianti entreremo nel dettaglio del "ciclo dei post" in WordPress; cos’è, come appare, perché lo usiamo e come accedere ai post. Passeremo quindi all’implementazione del loop nel nostro tema.
-
Tutorial sul tema WordPress per principianti – Parte 5: Accesso alle informazioni sui post
Questa lezione del tutorial sul tema WordPress per principianti riguarderà il modo in cui possiamo accedere e produrre informazioni come link, titolo e altro da ogni post quando ci si trova all’interno del ciclo del post. Lo facciamo con i tag modello. Nel processo aggiungeremo anche i modelli di visualizzazione singola al nostro tema.
-
Tutorial sul tema WordPress per principianti – Parte 6: Functions.php di un tema
Oggi impareremo dove e come aggiungere codice al di fuori dei modelli nel nostro tema. Lo facciamo aggiungendo il file functions.php del tema. Lungo la strada impareremo anche come aggiungere fogli di stile e script nel modo corretto.
-
Questa lezione continua aggiungendo il codice di base necessario per impostare un tema WordPress. Impariamo ad aggiungere supporti per i temi e filtrare il titolo della prima pagina.
-
Tutorial sul tema WordPress per principianti – Parte 8: Traduzione
Impariamo come funziona la traduzione (o i18n) in WordPress e come rendere traducibili i testi. Include anche una guida all’uso di PoEdit per generare file .po.
-
Tutorial sul tema WordPress per principianti – Parte 9: menu e aree widget
Questa lezione spiega come aggiungere due funzionalità principali di WordPress al nostro tema; menu e aree widget. Impariamo come registrare una posizione per il menu di navigazione principale di un sito e visualizzare il menu nei nostri modelli, oltre a consentire l’aggiunta di widget nella nostra barra laterale e nell’area del piè di pagina.
-
Tutorial sul tema WordPress per principianti – Parte 10: aggiunta di più modelli
In questa lezione del tutorial sul tema WordPress per principianti ci addentreremo maggiormente nei modelli. Impareremo le parti del modello e lo implementeremo per il riutilizzo. E aggiungeremo altri modelli predefiniti di WordPress al nostro tema.
-
Tutorial sul tema WordPress per principianti – Parte 11: modelli di pagina personalizzati
In questa lezione di tutorial sul tema WordPress per principianti impariamo a conoscere i modelli di pagina, cosa sono, come crearli e le migliori pratiche. Faremo un modello a larghezza intera come esempio. Lungo la strada aggiungiamo anche una classe al corpo chiedendo se la pagina utilizza un modello di pagina specifico.
-
Tutorial sul tema WordPress per principianti – Parte 12: Query post personalizzata
In questa lezione finale impariamo come scrivere la tua query di post e scorrerli senza interrompere il ciclo padre nel modello. Creeremo una parte del modello per i singoli post che mostra i post correlati nella stessa categoria.
-
Tutorial sul tema WordPress per principianti: conclusione e passaggi successivi
Concludiamo questo tutorial sul tema WordPress per principianti facendo un breve riepilogo di ciò che abbiamo imparato. E guarda cosa puoi fare dopo e come migliorare te stesso come sviluppatore di temi WordPress.