Creare un template base per WordPress: struttura
E’ una domanda che viene posta molto spesso sulle pagine di Italianwebdesign, e più o meno, è sempre stato risposto di fare riferimento alla guida Codex di WordPress o ad un template base; ma non al famoso Kubrick, di cui vedete un’immagine qui di fianco, poichè esistendo dagli albori di WordPress contiene funzioni sue particolari che non sfruttano al 100% il motore, con il rischio di produrre un template complicato e non funzionante.
Ma torniamo alla nostra guida Codex, che è quella che ho usato io per imparare, prendendo pezzi da template free per comodità e per rendere velocemente ciò che volevo (quando hai già una funzione sottomano perchè andarsela a cercare sulla guida?).
Files fondamentali
Provate a guardare nella cartella del vostro template preferito e troverete di sicuro i seguenti files, di cui vi spiego la funzione di seguito:
- style.css – il vostro foglio di stile
- index.php – la homepage del sito
Senza questi due files, chiamati esattamente in questo modo, il tema non risulta nemmeno nella lista dei template e vi darà errore, o addirittura non lo rileverà proprio.
Personalizzazione del template
E’ molto semplice: basta aggiungere il file screenshot.png di 300×225 px che verrà visualizzata nell’anteprima dei template, e aggiungere il seguente commento nelle prime righe del file style.css:
/*
Theme Name: Lauryn 2010
Theme URI: http://www.lauryn.it/lauryn-2010-themes
Description: Descrizione del tema
Author: Laura Gargiulo
Author URI: http://www.lauryn.it
Version: 1.0
.
Commenti Generali
.
*/
Il template base
Ma approfondiamo i files che compongono effettivamente tutte le funzionalità del nostro template oltre a style e index:
- header.php – comprende tutto ciò che è compreso fra il doctype e il tag body compreso + se lo desiderate per comodità, l’apertura dei tag contenitori e tutto ciò che viene comunque ripetuto per tutte le pagine, come il menu di navigazione principale, il logo, etc
- footer.php – comprende tutto quanto volete includere nella parte bassa del vostro template (credits etc) + la chiusura dei tag body e html
- sidebar.php - comprende gli script per far comparire i famosi widget
Ok ma una domanda: come collegare tutti questi files al file index.php che è quello fondamentale?
E’ sufficiente posizionare, nel file index.php, i seguenti tag di WordPress, per far comparire il contenuto dei files correlati:
<? get_header() ?><? get_sidebar() ?><? get_footer() ?>
Sufficiente come prima lezione? Nella prossima vedremo cosa effettivamente va inserito nei rispettivi files e nella prossima ancora analizzeremo le pagine restanti che compongono il tema.
L'Autore
Laura Gargiulo, webdesigner freelance. Web architect senior, esperta xhtml, css, usabilità, design, cms, webmarketing e Seo, Wordpress specialist. Membro del progetto di prossima pubblicazione Piperita Lab e dell'IWA Italy Visita il mio sito personale Lauryn.it e contattami pure per un preventivo gratuito.
Add to Google
27 Commenti
Grande Laura!
(tutto ciò per dire che seguirò molto attentamente i tuoi articoli).
E’ da un pò che cerco informazioni e tutorial su come fare un template WordPress.
Ne ho trovato uno in inglese molto completo, e l’ho anche capito, ma come si sa, meglio leggere anche in italiano e ben spiegato la stessa cosa no?
Sfrutto l’occasione per chiederti se nelle prossime lezioni (credo sia ideale nelle ultime come postilla) potresti poi anche spiegare cosa vuol dire quando in giro si legge “layout Wp 4 in 1″ o “layout Wp funzionante con plugin1, plugin2 ecc”. Perchè diciamo che in linea di massima ho capito che si riferisce al fatto che probabilmente certi widget e certe funzioni richiedono una personalizzazione del css per adattarli al nostro template, però vorrei anche capire se quando si progetta il nostro layout bisogna tenere conto di tutti i possibili plugin più usati in modo da predisporlo al meglio per l’utilizzo terzo, e di conseguenza magari se possibile fornire una lista dei principali widget che non devono mancare e a cui serve un discorso di questo tipo.
Grazie
Ciao Rob!
Felice di essere di aiuto! Segnalami in mail qualche link dove hai letto queste indicazioni, così ti dico eventualmente cosa intendono. Se è il caso poi ne parlerò.
A dopo!
Complimenti all’articolo come prima lezione mi è stato molto utile
purtroppo di libri in italiano su wordpress per quanto riguarda i template non ne ho trovati >.< qualcuno sa se esistono ? Altrimenti dovrò comprarne uno in inglese…
italiano zero. gli altri li trovi sul sito ufficiale di wordpress, o qui: http://www.spaghettiwordpress.com/2008/10/4-libri-su-wordpress-da-non-perdere/
Alla faccia, inizi la nuova linea editoriale col botto.
Argomento molto interessante e richiesto tantissimo visto che in italiano non si trova niente.
Alla fine credo trasformerai gli articoli in una guida completa, vero?
Anch’io mi sto avvicinando al mondo wordpress. Finora ho lavorato sempre su un CMS proprietario in .NET, ma sono interessato agli open source. A quanto pare ultimemente con WP ci si può fare di tutto.
Consiglio per chi mastica l’inglese
WordPress 2.8 Theme Design
@yesWEBcan: sì esatto
Lauraaaa!! Avevo intenzione di fare una guida per WordPress Design sul mio Blog.
Mi hai anticipato…Dovrò farla lo stesso però…speriamo di non passare per un copione…anche se chi mi conosce sa che non è nel mio stile..
@andrea: ahah ma va figurati, che copione! sinceramente mi è venuta anche di getto, non era niente di programmato. ho pensato potesse servire e via
sarò felice di seguire anche la tua guida, si integreranno l’una all’altra, lo so già. anche perchè ciascuno ha il suo metodo, la guida ufficiale è veramente “troppo” a volte 
ottima idea ql di fare un tutorial in ita di come fare un template, sarebbe bello se ci integrassi anche delle tecniche particolari tipo su come integrarci un box con le ultime notizie che scorrono…
ciao
@evilripper: cose che vedremo più avanti, ogni cosa a suo tempo
@Lauryn
Mi richiedono sempre come si realizza un tema per WordPress da Zero.
Per quanto riguarda la tecnica ci sarà modo di confrontarsi.
@evilripper non ti resta che seguirci allora.
Sentite un pò siccome sono già a buon punto che ne dite creo un ebook? o meglio se suddivido il tutto in articoli?
Grande Laura !!!
La rivoluzione inizia alla grande
Molto interessante soprattutto per chi si avvicina a WP e inizia a creare dei template personalizzati.. queste sono informazione d’oro… Grande ! ciao
Grandissimo articolo!
Adoro le guide “ristrette” che spiegano le cose in modo semplice e conciso
Grazie!
complimenti bel tutorial!
grazie ragazzi, troppi complimenti, allora è vero: pochi (post) ma buoni!
Lauraaaa oddio grazie :°D
Mi sono arresa e sto leggendo “Smashing WordPress” (in inglese) e ora arrivi tu!! Oltretutto ho iniziato il capitolo dei template cinque minuti fa. Ti seguirò, così se le cose si mettono male ho la “versione italiana” sotto mano
@Andrea Leti: io voto per l’e-book, ma solo se non è troppo lungo
Ottimo articolo: breve, conciso, chiaro. Sei pure meglio della sambuca molinari, Lauryn! xD
ahahahaahaah ;*
[...] 04) Creare un template base per WordPress: struttura [...]
[...] La volta scorsa abbiamo visto la struttura base di un template di WordPress. Perlomeno, i files di base da avere per poterlo far riconoscere dal sistema. [...]
[...] abbiamo visto la struttura basilare di un template WordPress e visto cosa va messo in un file molto importante come [...]
Sei veramente un ottima trainer! Dopo anni di programamzione sw di ogni genere mi credevo “imparato” e invece se non ci fossero persone come te che hanno questo dono di rendere comprensibili le cose complicate sarei ancora li ad annaspare come un cretino.
Ma da qualche parte hai pubblicato dei tutorial interi su come muoversi in WP o ci fai sospirare queste pillole di informazioni per tenerci tutti in sospeso?
Se ci sono dimmi dove le trovo e ne farò sicuramente uso.
grazie, Ilio
@ilio: ciao! no le uniche cose che pubblico sono qui, toccherà aspettare…
il prossimo è previsto per domani 
Grazie del post, mi è appena servito per iniziare a realizzare un mio tema per wordpress.
prego!