Creare un tema per Wordpress con Bootstrap

Installazione starter theme con framework Bootstrap

Questo è il primo di una serie di articoli nei quali vedremo come creare un tema per WordPress da zero. Per il nostro progetto useremo uno starter theme e il famosissimo framework Bootstrap. Potremmo anche partire da una pagina bianca, ma per ottimizzare i tempi è preferibile (a mio avviso) utilizzare il tema di base […]

Leggi tutto
Gestire il layout del tema Wordpress con la griglia di Bootstrap

Layout del tema WordPress con griglia Bootstrap

Nel tutorial precedente abbiamo visto come creare un tema per WordPress utilizzando uno starter theme e il framework Bootstrap. In questo articolo vedremo come impostare efficacemente il layout utilizzando uno dei componenti più importanti di Bootstrap: la griglia. La griglia di Bootstrap permette di suddividere la pagina fino a 12 colonne. Il valore 12 è […]

Leggi tutto
Creazione header, menu e footer con Bootsrap in un tema Wordpress

Modificare header e footer WordPress

Siamo giunti al terzo capitolo della guida come creare un tema per WordPress. In questo tutorial vedremo come costruire tre elementi fondamentali di un qualsiasi sito web: header, menu di navigazione e footer. Come per le guide precedenti sfrutteremo i componenti di Bootstrap, facendo riferimento alla guida ufficiale. Avremo anche bisogno di consultare la Bibbia […]

Leggi tutto
Creare sidebar in tema Wordpress

Creazione sidebar per inserire i widgets di WordPress

I widget di WordPress sono degli strumenti molto comodi che permettono di inserire menu, slider e tutta una serie di elementi in specifiche posizioni del tema. Chiaramente anche noi vogliamo avere a disposizione questo comodissimo strumento nel nostro tema custom perciò mettiamoci subito al lavoro. Apriamo il file functions.php e cerchiamo l’hook widgets_init. Come notiamo […]

Leggi tutto
Gestione dei contenuti nel tema Wordpress

Strutturare il template di categorie e articoli WordPress

Nella prima parte di questo tutorial andremo a vedere come strutturare i file relativi alle tassonomie di WordPress: categorie, tags, archivi autore e archivi temporali. Nella seconda parte invece ci occuperemo delle pagine singole, ossia articoli e pagine. Prima di iniziare è opportuno dare un’occhiata a questa immagine che ci mostra la gerarchia di un […]

Leggi tutto
Applicare lo stile di Bootstrap ai moduli di Wordpress

Personalizzare i moduli elettronici su WordPress

Uno dei componenti più belli di Bootstrap sono i moduli elettronici e non possiamo astenerci d’includerli all’interno del nostro tema per WordPress. Di default un’installazione di WordPress contiene due moduli elettronici: il form dei commenti e il campo di ricerca nella sidebar laterale. Cominciamo dal modulo dei commenti che come possiamo vedere dall’immagine, attualmente non […]

Leggi tutto
Gestione opzioni tema tramite pannello personalizza

Customizer: Gestione delle opzioni di un tema WP

Nel tutorial sulla modifica header di WordPress avevamo lasciato in sospeso il discorso su come gestire il logo attraverso il pannello delle opzioni del tema. Ed eccoci qui proprio per riprendere il discorso. Non perdiamo tempo e andiamo ad aprire il file customizer.php contenuto nella directory ‘/inc/‘ del tema. Procederemo con la creazione di una […]

Leggi tutto