Come creare un tema WordPress personalizzato da zero

Come creare un tema WordPress personalizzato partendo da zero

In questo tutorial costruiamo un tema WordPress da capo, partendo da una base grafica semplice. Vedremo tutto il processo: dall’installazione di WordPress alla creazione della struttura del tema, fino a renderlo completamente funzionante. Tratteremo anche gli aspetti legati a WooCommerce ed all’eCommerce, che verranno implementati mentre sviluppiamo HTML, CSS e JavaScript.

00:00:00 - Introduzione
00:02:00 - Installazione di WordPress e del nostro tema personalizzato
00:10:30 - Organizzazione delle cartelle e dei menu del sito WordPress
00:15:50 - L’intestazione (header)
01:05:04 - Chiamata all’azione (Call to Action) nella homepage
01:29:55 - Banner principale della homepage
01:49:40 - Offerta speciale nella homepage
02:14:40 - Prodotti WooCommerce nella homepage
02:53:30 - Sezione cerchi nella homepage
03:07:36 - Testimonianze nella homepage
03:12:39 - Modulo contatti nel footer della homepage
03:31:55 - Pagina interna di WordPress
03:53:33 - Articoli del blog (news)
04:17:30 - Pagina Contatti
04:30:20 - Categorie del blog
04:58:45 - Configurazione di WooCommerce
05:13:05 - Prodotto WooCommerce
05:58:12 - Prodotto con varianti WooCommerce
06:16:00 - JavaScript personalizzato per la ricerca delle varianti di prodotto
07:20:13 - Lista dinamica dei prodotti WooCommerce nella homepage
07:31:35 - Ricerca dinamica eCommerce nell’intestazione
08:52:30 - Conclusione

File e asset di design Figma:

Questo è stato solo il primo passo per il design del sito eCommerce WordPress. Nella seconda parte personalizzeremo altri aspetti del sito, tra cui le pagine del Carrello e del Checkout!

In questo tutorial su WordPress imparerai anche alcuni elementi di JavaScript e PHP che ti aiuteranno a capire come creare un sito web con le basi della programmazione e del coding. Se ti...