Come creare facilmente un tema WordPress personalizzato (senza codice)

Volete creare un tema WordPress personalizzato da zero?

In passato, per costruire un tema WordPress personalizzato era necessario seguire complicati tutorial di WordPress e possedere discrete conoscenze di codifica. Ma grazie ai nuovi costruttori di temi WordPress, ora è possibile crearne uno facilmente senza dover apprendere alcuna conoscenza di programmazione.

In questo articolo vi mostreremo come creare facilmente un tema WordPress personalizzato senza scrivere alcun codice.

Ecco l’elenco degli argomenti che tratteremo in questo articolo.

Pronti? Iniziamo.

Video tutorial

Subscribe to WPBeginner

Se preferite le istruzioni scritte, continuate a leggere.

Creare un tema WordPress personalizzato per principianti

Un sito web WordPress utilizza un tema per il layout e il design del sito. Questi temi sono costituiti da file modello scritti in PHP, HTML, CSS e JavaScript.

In genere, è necessario avere una discreta conoscenza di tutti questi linguaggi di web design o assumere uno sviluppatore web per creare un tema WordPress personalizzato.

Se avete assunto uno sviluppatore o un’agenzia, il costo di un tema WordPress personalizzato può raggiungere le migliaia di dollari.

Poiché molti piccoli imprenditori non possono permettersi i costi elevati di un tema WordPress personalizzato, molti di loro si accontentano di temi predefiniti. Coloro che non vogliono accontentarsi, utilizzano un page builder di WordPress o un framework di temi per costruire un tema personalizzato.

Sebbene i framework per temi WordPress abbiano reso più semplice la costruzione di un tema WordPress, sono una soluzione per gli sviluppatori, non per il proprietario medio di un sito web.

D’altra parte, i plugin per il page builder di WordPress rendevano estremamente facile creare layout di pagina personalizzati utilizzando un’interfaccia drag & drop, ma erano limitati solo ai layout di pagina singola. Non era possibile creare temi personalizzati con essi.

È qui che entra in gioco SeedProd.

È il miglior plugin per la creazione di temi WordPress che consente di creare facilmente un tema WordPress personalizzato senza scrivere alcun codice.

SeedProd è un costruttore di pagine WordPress drag and drop per aziende, blogger e proprietari di siti web. Ora è anche dotato di un nuovo designer di temi personalizzati che consente di puntare e fare clic per modificare qualsiasi elemento.

È inoltre possibile aggiungere al tema elementi di design comunemente utilizzati con il drag and drop.

La cosa migliore del costruttore di temi SeedProd è che è agnostico rispetto ai temi. Ciò significa che non si basa sul tema WordPress esistente per quanto riguarda lo stile o la funzionalità, dandovi piena libertà e controllo sul design del vostro sito web.

Se state cercando un’alternativa, potete anche creare facilmente un tema WordPress personalizzato con il plugin Thrive Theme Builder.

Detto questo, vediamo come creare un tema WordPress personalizzato senza scrivere alcun codice utilizzando SeedProd.

Creazione di un tema personalizzato con SeedProd Theme Builder

L’impostazione del costruttore di temi SeedProd è piuttosto semplice, poiché funziona con qualsiasi sito web WordPress che utilizza qualsiasi tema.

Per prima cosa è necessario installare e attivare il plugin SeedProd. Per maggiori dettagli, consultate la nostra guida passo passo su come installare un plugin di WordPress.

Nota: per sbloccare il costruttore di temi è necessario almeno il piano Pro o Elite.

Dopo l’attivazione, accedere alla pagina SeedProd ” Impostazioni per inserire la chiave di licenza del plugin. Questa informazione si trova nel proprio account sul sito web di SeedProd.

Dopo aver inserito la chiave di licenza, siete pronti a creare il vostro tema WordPress personalizzato utilizzando il costruttore di temi SeedProd.

Creare un tema WordPress personalizzato con SeedProd è molto semplice.

Per prima cosa, è necessario andare alla pagina SeedProd ” Theme Builder. Qui verrà visualizzato l’elenco dei modelli per il tema personalizzato SeedProd corrente. Poiché non abbiamo ancora iniziato, abbiamo solo un modello Global CSS. Vi mostreremo come usarlo più avanti nel corso del tutorial.

Per iniziare, avete due opzioni.

• Utilizzate uno dei temi SeedProd già pronti come punto di partenza.
• Creare manualmente modelli di temi da zero

Vediamo come funzionano queste opzioni.

1. Iniziare con un tema già pronto (consigliato)

Si consiglia di iniziare con un tema esistente. In questo modo SeedProd genera automaticamente tutti i file dei modelli. Si tratta di temi completi progettati in modo professionale, il che vi dà un vantaggio nella modifica dei modelli in base alle vostre esigenze.

È sufficiente fare clic sul pulsante Temi e scegliere uno dei temi disponibili. Ci sono temi diversi per diversi tipi di siti web, quindi potete scegliere quello che meglio si adatta alle vostre esigenze.

A questo punto non preoccupatevi troppo del design e del layout. Tutti questi temi sono completamente modificabili, quindi potete cambiare ogni aspetto all’interno del costruttore di temi.

Una volta scelto il tema, SeedProd genererà tutti i modelli di tema.

Questa è la versione in bozza del vostro tema WordPress personalizzato.

Più avanti in questo tutorial, vi mostreremo come modificare questi file di tema per progettare il vostro tema e poi pubblicarlo per applicarlo al vostro sito web.

2. Creare manualmente modelli di temi da zero

In alternativa, è possibile iniziare il tema da zero facendo clic sul pulsante “Aggiungi nuovo modello di tema”. Dovrete dare un nome al vostro modello e poi scegliere uno dei tipi di modello per iniziare.

Attualmente è possibile scegliere tra i seguenti tipi di modelli:

• Intestazione
• Piè di pagina
• Messaggio singolo
• Pagina singola
• Archivio
• Risultati della ricerca
• Parte globale
• Pagina personalizzata

È inoltre possibile impostare le condizioni di utilizzo di un modello. Ad esempio, è possibile applicarlo all’intero sito o a una sezione specifica del sito.

Una volta salvato il modello, SeedProd lo aprirà nel costruttore di temi, dove si potrà iniziare a modificarlo.

Modifica di un tema con il costruttore di temi SeedProd

Una volta generati i modelli di tema, è possibile modificarli utilizzando il Theme Builder di SeedProd.

È sufficiente fare clic sul link Modifica design sotto un file di modello per modificarlo.

In questo modo si avvia il file del modello nel costruttore di temi SeedProd.

Verrà visualizzata un’anteprima live del modello nella colonna di destra e un pannello di modifica nella colonna di sinistra.

Per modificare un elemento del file modello, è sufficiente puntare e fare clic su di esso.

A seconda del tipo di elemento, nella colonna di sinistra vengono visualizzate diverse opzioni di modifica. Potrete modificare i caratteri, i colori, lo sfondo, la spaziatura e altro ancora.

Per aggiungere nuovi elementi, è possibile aggiungere blocchi SeedProd dalla colonna di sinistra. Sono disponibili diversi tipi di blocchi che si possono aggiungere al modello.

1. Blocchi di tag modello

I blocchi tag template sono i blocchi dinamici che consentono di generare elementi del tema al volo dal database di WordPress.

Ad esempio, è possibile utilizzare il blocco Post per elencare i post recenti o il blocco Post Content per visualizzare il contenuto del post o della pagina attualmente visualizzata.

2. Blocchi standard

Poi, ci sono i blocchi standard per aggiungere elementi di web design comuni al modello del tema.

Si possono usare per aggiungere testo, media, pulsanti, colonne, divisori e altro ancora.

3. Altri blocchi

Altri blocchi avanzati consentono di aggiungere moduli di contatto, profili sociali, pulsanti di condivisione, shortcode di WordPress, Google Maps, listini prezzi, timer per il conto alla rovescia e altro ancora.

SeedProd è inoltre dotato di un’integrazione completa con WooCommerce.

Se gestite un negozio online, potete utilizzare i blocchi WooCommerce nel vostro tema.

È possibile creare modelli WooCommerce completamente personalizzati, con una pagina del carrello e un’esperienza di check-out su misura.

Utilizzo delle sezioni per i layout rapidi dei temi

Oltre ai blocchi, è possibile aggiungere sezioni complete al modello del tema.

È sufficiente passare alla scheda Sezioni del pannello Progettazione.

Le sezioni sono gruppi di blocchi per diverse aree del design di un sito web. Ad esempio, troverete sezioni pronte all’uso per l’intestazione, il piè di pagina, le chiamate all’azione, le caratteristiche e altro ancora.

È sufficiente fare clic su una sezione per aggiungerla al modello del tema e modificarla in base alle proprie esigenze.

Usare il costruttore di siti web AI per generare istantaneamente contenuti

SeedProd offre anche un potente AI Website Builder che crea automaticamente contenuti scritti per il modello del vostro tema. È possibile generare istantaneamente titoli, descrizioni, inviti all’azione, testo del corpo e altro ancora.

È sufficiente fare clic su qualsiasi blocco Titolo o Testo del costruttore SeedProd per aprire il pannello delle impostazioni sul lato sinistro. Quindi, fare clic sul pulsante “Genera testo AI”.

Quindi, digitare una richiesta nel campo di testo, in pratica una descrizione di ciò che si desidera che l’assistente AI scriva per l’utente. In alternativa, è possibile scegliere un suggerimento dall’elenco.

Quindi, fare clic sul pulsante “Genera testo”.

In pochi secondi, SeedProd creerà automaticamente il contenuto per voi. Da lì, potrete ottimizzare il testo, modificarne il tono e persino tradurlo in oltre 50 lingue.

Quando si è soddisfatti del contenuto, fare clic sul pulsante “Inserisci” per aggiungerlo al modello del tema.

È inoltre possibile utilizzare l’integrazione DALL-E di AI Website Builder per generare automaticamente immagini originali per il tema.

È sufficiente trascinare un blocco immagine sulla pagina e fare clic su di esso per aprire il pannello delle impostazioni. Quindi, fare clic sul pulsante “Aggiungi con AI”.

Quindi, digitare una descrizione dell’immagine che si desidera creare e fare clic sul pulsante “Genera immagine”.

Una volta generata l’immagine, SeedProd la visualizzerà. Per aggiungere l’immagine al modello del tema, fare clic sul pulsante “Inserisci”.

È inoltre possibile modificare l’immagine con l’AI e generare variazioni dell’immagine, in modo che corrisponda esattamente alla visione che si aveva in mente.

Salvataggio e pubblicazione del modello

Una volta soddisfatti del design, è sufficiente fare clic sul pulsante Salva e selezionare Pubblica per salvare il modello.

Ripetere la procedura per modificare altri file modello con le proprie esigenze di contenuto e design.

Modifica del design dell’intero sito per il vostro tema

Durante la modifica dei modelli dei temi, è necessario assicurarsi che il design sia coerente in tutto il sito.

Ad esempio, è probabile che vogliate utilizzare lo stesso stile tipografico, le stesse dimensioni dei caratteri, gli stessi colori e altri stili visivi su ogni pagina.

Nei temi WordPress tradizionali, bisognava farlo manualmente modificando complessi file CSS. Questo processo richiedeva l’uso dello strumento di ispezione del browser, l’individuazione delle classi CSS, l’apprendimento del codice e altro ancora.

SeedProd rende anche questo super facile.

Invece di scrivere codice CSS, si può semplicemente modificare il modello CSS globale.

Il modello Global CSS consente di visualizzare l’anteprima degli elementi comuni del sito web e di puntare e fare clic su di essi per modificarne le proprietà.

Applicazione e pubblicazione del tema WordPress personalizzato

Una volta soddisfatti del vostro tema WordPress personalizzato, il passo finale consiste nell’attivarlo sul vostro sito WordPress.

SeedProd vi permette di applicare il vostro tema WordPress personalizzato con un semplice interruttore.

È sufficiente andare alla pagina SeedProd ” Theme Builder e spostare l’interruttore accanto all’opzione “Enable SeedProd Theme” su “Yes”.

SeedProd sostituirà il tema WordPress esistente con il tema WordPress personalizzato che avete creato.

Ora potete visitare il vostro sito web per vedere il vostro tema WordPress personalizzato in azione.

Creare altri layout per il tema WordPress personalizzato

Ora che avete creato il vostro tema WordPress personalizzato, avete la possibilità di estenderne le funzionalità e di creare altri design e layout basati sul vostro tema.

SeedProd lo rende estremamente facile.

Potete comunque modificare il vostro tema WordPress personalizzato e creare più modelli per le diverse sezioni del vostro sito web.

Ad esempio, si potrebbe voler aggiungere al tema un nuovo modello di intestazione da visualizzare solo su determinate categorie.

Allo stesso modo, è possibile creare un modello per pagine o post specifici.

Potete aggiungere anche questo al vostro tema.

Che ne dite di creare landing page personalizzate?

SeedProd vi copre anche in questo caso.

È sufficiente andare su SeedProd ” Pagine di destinazione e fare clic sul pulsante Aggiungi nuova pagina di destinazione per crearne una.

Per maggiori dettagli, consultate il nostro tutorial su come creare una landing page con WordPress.

Utilizzando il costruttore di temi drag and drop di SeedProd, facile da usare per i principianti, è possibile creare facilmente qualsiasi tipo di layout personalizzato.

Ci auguriamo che questo articolo vi abbia aiutato a capire come creare un tema WordPress personalizzato senza imparare il codice. Potreste anche voler consultare la nostra guida su come velocizzare il vostro sito WordPress per migliorare la SEO e l’esperienza dell’utente, oppure la nostra selezione delle migliori soluzioni di analisi per WordPress.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.