Come creare un tema WordPress personalizzato (passo dopo passo)
clicksocial

Programmare i post sui social media direttamente da WordPress con ClickSocial

Iniziare la prova gratuita angolo-destro
Casa Blog Come creare un tema WordPress personalizzato (passo dopo passo)

Come creare un tema WordPress personalizzato (passo dopo passo)

Come creare un tema personalizzato per WordPress senza bisogno di codifica

Cercate un modo per creare temi WordPress personalizzati?

Se create il vostro tema per WordPress, potete avere un sito web accattivante che si adatta perfettamente al vostro marchio. In questo modo, potrete fare un'ottima impressione sui vostri visitatori.

Ma creare un tema WordPress significa lavorare con codice complicato o spendere molti soldi per assumere sviluppatori.

Per farvi risparmiare tempo e denaro, siamo qui per mostrarvi il modo più semplice per creare temi WordPress personalizzati, senza bisogno di codifica!

Il modo più semplice per creare temi WordPress personalizzati

Un tema WordPress è semplicemente un modello scritto utilizzando PHP, HTML, CSS e JavaScript. Per creare o modificare da soli i temi di WordPress, di solito è necessario avere familiarità con questi linguaggi di codifica.

Non solo richiede molto tempo e fatica, ma un semplice errore può addirittura distruggere il vostro sito web. E quando ciò accade, siete da soli perché non c'è un team di supporto che vi aiuti.

modificare manualmente il tema wordpress

È anche possibile utilizzare i framework per i temi di WordPress, che sono dotati di funzioni e design integrati. Ma se non siete sviluppatori di temi, anche questo metodo può creare confusione.

Un'altra opzione è quella di affidare a uno sviluppatore la creazione di un tema WordPress personalizzato. Ma la creazione e la manutenzione del sito web possono costare migliaia di dollari.

Poiché è così costoso, le piccole imprese spesso si affidano ai temi predefiniti di WordPress. Di conseguenza, il design del loro sito web potrebbe non essere in linea con il loro marchio.

temi predefiniti wordpress

Sebbene sia possibile utilizzare un page builder per creare landing page senza alcuna codifica, non è possibile creare layout personalizzati. Di conseguenza, possono creare solo pagine singole.

La buona notizia?

Esiste un costruttore di pagine sul mercato che viene fornito anche con un costruttore di temi personalizzati facile da usare.

Con SeedProd, potete creare facilmente temi WordPress personalizzati e creare un sito web accattivante in pochissimo tempo.

Perché utilizzare SeedProd?

SeedProd è il miglior plugin per la creazione di siti web, dotato di una funzione di creazione di temi WordPress facile da usare.

Grazie al suo potente costruttore drag and drop, è possibile creare facilmente landing page e temi WordPress accattivanti, senza bisogno di codifica.

seedprod costruttore drag and drop facile

Ecco alcune altre caratteristiche sorprendenti che potete ottenere da SeedProd:

  • Come miglior plugin per pagine di atterraggio in WordPress, SeedProd vi permette di scegliere tra oltre 150 modelli di pagina, tra cui la pagina coming soon, la pagina di vendita, la pagina di errore 404, la pagina di modalità di manutenzione e molto altro.
  • Per un modo più rapido di creare temi personalizzati, sono disponibili anche temi predefiniti che possono essere modificati a proprio piacimento.
  • Poiché il plugin è leggero, il vostro sito web si caricherà anche molto velocemente. E questo significa anche una migliore SEO.
  • Come altri plugin per la creazione di siti web, SeedProd supporta i servizi di email marketing più diffusi, come Constant Contact e ConvertKit.
  • SeedProd è inoltre dotato di un fantastico team di supporto di esperti sempre pronti a darvi una mano.

Oltre 1 milione di siti web utilizzano già SeedProd per coinvolgere i propri visitatori. Dato che ha una valutazione di 4,9/5 stelle, si può chiaramente vedere quanto siano soddisfatti i suoi utenti.

Recensioni di seedprod

Se volete saperne di più, potete consultare la nostra recensione completa di SeedProd.

A questo punto, vediamo come creare facilmente temi WordPress personalizzati utilizzando SeedProd.

Come creare un tema WordPress personalizzato (passo dopo passo)

In questo post vi mostreremo come creare temi personalizzati in WordPress con una guida passo passo. 

Cominciamo:

Passo 1: Installazione e attivazione di SeedProd

Per iniziare, acquistate la vostra copia di SeedProd da qui. Una volta ottenuto il plugin, installatelo e attivatelo sul vostro sito web.

Non sapete come fare? Potete seguire questa guida passo passo su come installare i plugin di WordPress.

Una volta installato e attivato SeedProd sul vostro sito web WordPress, potete passare alla fase 2.

Passo 2: Creare il modello di tema

Ora potete iniziare a costruire il vostro tema WordPress personalizzato utilizzando SeedProd. 

Per prima cosa, andare su SeedProd " Theme Builder dall'area del cruscotto per aprire la pagina dei modelli di tema .

aprire il costruttore di temi seedprod

Da qui, avete due modi per creare il vostro tema WordPress: 

  • Scegliere un tema WordPress precostituito e personalizzarlo
  • Creare manualmente un tema WordPress personalizzato

Vediamo come utilizzare queste opzioni per creare il tema.

Scegliere un tema WordPress precostruito

Per importare e personalizzare un tema precostituito, fare clic sul pulsante Temi in alto.

scegliere un tema per seedprod

Ora è possibile visualizzare un popup che mostra tutti i temi precostituiti disponibili con SeedProd.

Ci sono tonnellate di opzioni per creare diversi tipi di temi WordPress. Ci sono temi per bar, negozi WooCommerce, eventi, siti di viaggio, agenzie di marketing e molto altro ancora.

temi precostruiti con seedprod

Per utilizzare un tema precostituito, passarci sopra il mouse e fare clic sull'icona del segno di spunta.

selezionare il tema precostruito per seedprod

Una volta fatto ciò, SeedProd importerà il tema nel vostro sito web e vi mostrerà tutti i modelli a cui potete accedere.

Modelli di temi seedprod

Ogni modello di tema contiene il design di una parte specifica del tema, come l'intestazione, il piè di pagina, la pagina singola, la pagina del blog e altro ancora. 

Ad esempio, per modificare il design dell'intestazione del tema, è possibile personalizzare il modello del tema dell'intestazione da qui.

In questo modo, è possibile progettare il resto del tema personalizzando i restanti modelli del tema.

Prima di mostrarvi come personalizzare questi modelli, vediamo un altro modo per ottenere i modelli dei temi sul vostro sito web. 

Creare manualmente un tema WordPress personalizzato 

Volete creare il vostro tema WordPress da zero? 

In questo modo è possibile creare manualmente tutti i modelli di tema invece di importare un singolo tema precostituito.

A tale scopo, fare clic sul pulsante Aggiungi nuovo modello di tema.

seedprod aggiungere modello di tema

SeedProd mostrerà una finestra a comparsa in cui è possibile impostare il nome del nuovo modello di tema.

nome del nuovo modello di tema seedprod

Al di sotto di questo, si trova l'opzione Tipo per scegliere il tipo di modello di tema che si desidera creare.

È possibile selezionare un'intestazione, un piè di pagina, un singolo post, una pagina di archivio, risultati di ricerca e molto altro ancora. 

selezionare il tipo di modello di tema seedprod

Infine, è possibile utilizzare l'opzione Condizioni per scegliere dove far apparire il modello. 

È possibile includerlo in parti specifiche del sito, escluderlo da parti specifiche, mostrarlo ovunque, mostrarlo solo in un unico punto e molto altro ancora.

A questo punto, fare clic sul pulsante Salva per terminare la creazione del modello di tema.

selezionare manualmente la posizione del template del tema

Dopodiché, si può passare al punto 3 e utilizzare il personalizzatore drag and drop per progettare il tema.

Passo 3: personalizzare il tema di WordPress

Se prima si è creato manualmente il modello del tema, SeedProd invia automaticamente all'editor di trascinamento. 

Se invece si è importato un tema precostituito, è possibile passare il mouse su un modello di tema e selezionare l'opzione Modifica design.

modifica intestazione design seedprod

Nell'editor di SeedProd, si possono vedere tutti i blocchi di contenuto nella sezione sinistra dello schermo. Quando si apportano delle modifiche, si può vedere un'anteprima live del tema personalizzato sulla destra.

dopo aver creato manualmente il modello del tema

Per quanto riguarda l'aggiunta di contenuti al tema, è possibile scegliere tra 4 tipi di blocchi di contenuti:

  • Blocchi di tag del modello: Aggiungete parti del vostro contenuto come il titolo del post, la sezione dei commenti, l'immagine in evidenza e molto altro.
  • Blocchi standard: Mostra contenuti come immagini, video, caselle di testo, pulsanti e altro ancora sul modello del tema.
  • Blocchi WooCommerce: Per un negozio WooCommerce, è possibile aggiungere pagine di prodotti, pulsanti di aggiunta al carrello, valutazioni dei prodotti e altro ancora.
  • Blocchi avanzati: Integrate moduli di contatto, widget per omaggi, timer per il conto alla rovescia e molto altro per coinvolgere i vostri visitatori e generare contatti.

Per aggiungere un blocco di contenuto al modello del tema, trascinare il blocco da sinistra e rilasciarlo a destra.

aggiungere il blocco di contenuto seedprod

Successivamente, è possibile fare clic sul blocco di contenuto e vedere le sue impostazioni sulla sinistra. 

Qui si può scegliere il tipo di contenuto che il blocco deve mostrare e modificarne il design.

modificare il blocco di contenuti utilizzando seedprod

Ad esempio, dopo aver aggiunto un blocco immagine, è possibile scegliere l'immagine e modificarne le dimensioni, la forma, il bordo e altro ancora.

Una volta terminata la personalizzazione del blocco di contenuto, fare clic sul pulsante Salva in alto per mantenere le modifiche.

pulsante di salvataggio seedprod

Per tornare alle opzioni precedenti e continuare ad aggiungere blocchi, fare clic sulla piccola icona della griglia a sinistra.

Torna alle opzioni principali del personalizzatore seedprod

Ora fate clic su Sezioni per continuare ad aggiungere contenuti al vostro tema WordPress personalizzato.

Da qui è possibile aggiungere sezioni preconfezionate come FAQ, tabelle dei prezzi, testimonianze dei clienti, call-to-action e altro ancora.

Per aggiungere una sezione al modello del tema, passare il mouse su una sezione e fare clic sull'icona più (+).

aggiungere la sezione che utilizza seedprod

Come in precedenza, è possibile fare clic su una sezione dopo averla aggiunta e vedere le opzioni di personalizzazione sulla sinistra.

modifica della progettazione delle sezioni con seedprod

In questo modo, è possibile utilizzare l'editor di SeedProd per aggiungere e personalizzare il design dei modelli dei temi.

Una volta soddisfatti del progetto, fare nuovamente clic sul pulsante Salva nell'angolo in alto a destra.

salvare le modifiche seedprod modello di tema wordpress personalizzato

Dopo aver aggiunto blocchi di contenuto e sezioni, è possibile chiudere l'editor di SeedProd facendo clic sull'icona della croce (x) in alto.

In questo modo si torna al menu dei modelli del tema.

chiudere l'editor seedprod

Da qui è possibile attivare l'opzione Pubblicato e scegliere se mostrare o meno questo modello di tema sul proprio sito.

pubblicare il modello di tema seedprod

In questo modo, potrete personalizzare le altre parti del vostro nuovo tema WordPress, tra cui la barra laterale, il piè di pagina, il singolo post, la pagina degli archivi, i risultati della ricerca e altro ancora.

Modelli di temi seedprod

Passate ora alla fase successiva per modificare le impostazioni globali del vostro nuovo tema WordPress.

Passo 4: personalizzare il CSS globale

Personalizzando le opzioni CSS globali, è possibile modificare l'aspetto dell'intero tema WordPress in una sola volta.

Per iniziare, individuare il modello del tema Global CSS e fare clic sul pulsante Modifica design.

modifica del css globale seedprod

Nella sezione di sinistra sono presenti le opzioni per modificare i colori, il carattere, lo sfondo, i pulsanti, il layout e molto altro ancora.

opzioni css personalizzate per il costruttore di temi di seedprod

Ad esempio, se si seleziona la sezione Colori , è possibile iniziare a modificare i colori del tema. Questi colori verranno applicati a tutti gli altri modelli di tema.

editor css cambiare i colori seedprod creare un tema wordpress personalizzato

Dopo aver personalizzato i colori, fare clic su Salva per mantenere le modifiche.

In questo modo, è possibile utilizzare le opzioni rimanenti per impostare lo sfondo, il design dei pulsanti, il layout, i caratteri e altro ancora. E ricordate di cliccare su Salva alla fine.

Come potete vedere, SeedProd rende super facile la personalizzazione del design del vostro tema WordPress.

Successivamente, si può passare alla fase 5 e collegare il tema personalizzato a un servizio di email marketing.

Fase 5: collegamento alla newsletter via e-mail

Una caratteristica sorprendente di SeedProd è la possibilità di collegare il sito ai più diffusi servizi di email marketing come Constant Contact e Drip.

Per questo, scegliete un modello di tema da collegare all'email marketing e apritelo nell'editor di SeedProd.

Come in precedenza, passare il mouse sul modello e fare clic su Modifica design.

modifica intestazione design seedprod

Per continuare, fare clic sul pulsante Connetti nella parte superiore dell'editor.

pulsante di connessione editor seedprod

Ora è possibile vedere i 13 diversi servizi di email marketing supportati da SeedProd. 

connect servizio di email marketing seedprod

Scorrendo verso il basso, si trovano anche le opzioni per collegare il sito a Google Analytics, Recaptcha e Zapier.

Per continuare, selezionate il servizio di mailing che utilizzate e fate clic su Connetti nuovo account.

collegare il sito al servizio di mailing

A questo punto è possibile seguire le istruzioni sullo schermo per verificare il proprio account e SeedProd collegherà il proprio servizio di mailing a questo tema.

Infine, fare clic su Salva per confermare le modifiche.

In questo modo, avete creato il vostro tema WordPress e lo avete collegato a un servizio di email marketing.

Nella fase successiva, si può finalmente pubblicare il nuovo tema personalizzato, in modo che anche i visitatori possano verificarlo.

Passo 6: Pubblicare il tema WordPress personalizzato

Per pubblicare il vostro nuovo tema personalizzato, per prima cosa, andate su SeedProd " Theme Builder dalla vostra dashboard di WordPress.

Da questa pagina è possibile attivare l'opzione Pubblicato e scegliere se mostrare ogni modello di tema sul proprio sito web.

attivare la pubblicazione per il modello del tema di wordpress

Infine, attivare l'opzione Abilita tema SeedProd in alto a destra.

abilita il tema wordpress personalizzato di seedprod per il tuo sito web

A questo punto, il vostro nuovo tema WordPress personalizzato è online. Basta aprire il vostro sito web per vederne l'aspetto.

esempio di sito web seedprod tema wordpress personalizzato

Ed ecco fatto!

Questa era la nostra guida su come creare temi WordPress personalizzati per il vostro sito web.

Come potete vedere, SeedProd è uno strumento straordinario se volete creare un sito web accattivante per promuovere il vostro marchio.

Con esso è possibile creare landing page accattivanti per promuovere prodotti, servizi, eventi, annunci e altro ancora.

Siete pronti a creare un sito web migliore e a far crescere la vostra attività? Acquistate qui la vostra copia di SeedProd.

Volete scoprire altri strumenti utili come SeedProd per il vostro marchio online? Allora date un'occhiata al nostro elenco dei migliori plugin per WordPress.

Inoltre, se siete interessati a utilizzare i social media per promuovere la vostra attività, ecco i migliori plugin per i social media che potete utilizzare.

Avete trovato utile questo tutorial? Seguiteci su Facebook e Twitter per altri suggerimenti e tutorial.

avatar dell'autore
Sajjan Sharma Scrittore senior
Sajjan scrive di WordPress, social media marketing e aziende online da oltre 10 anni. I suoi interessi professionali si estendono all'influencer marketing, alla content curation e alle strategie di marketing digitale.

Aggiungi un commento

Siamo lieti che abbia scelto di lasciare un commento. Tenete presente che tutti i commenti sono moderati in base alla nostra politica sulla privacy e che tutti i link sono nofollow. NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.