Come creare un tema WordPress senza saper codificare

Immagine avatar per Andrea Di Rocco

Pubblicato da Andrea Di Rocco in

1K+ Visite sul post corrente.

Come creare un tema WordPress senza saper codificare

Vorresti creare un tema WordPress per il tuo blog ma non sai codificare?

Niente paura, non sei il solo!

Ci sono soluzioni alla tua portata in grado di farti fare ciò che desideri, ovvero creare un tema personalizzato senza alcuna conoscenza di codice.

Chiaramente tieni in considerazione che nessuno di questi prodotti è in grado di sostituire ciò che puoi imparare a proposito del design del codice CSS, ma di sicuro consentono una maggiore libertà creativa e abbastanza spazio per effettuare esperimenti grafici sul tuo sito.

A questo proposito, ti consiglio di dare un’occhiata al nostro video corso TUTTO WordPress.

Creare un tema WordPress con Elementor

Elementor Page builder per WordPress

Prima di passare agli strumenti classici per la creazione di temi WordPress, vorrei soffermarmi sul fatto che il page builder Elementor è perfetto per realizzare temi completamente personalizzati da zero.

La funzione Theme builder ti permette infatti di realizzare con questo editor ogni sezione del tuo sito come header e footer, ma anche template di pagina completi.

Ti consiglio quindi di procedere in questo modo:

  1. Realizza una header e un footer per le tue pagine;
  2. Crea poi i template di pagina:
    1. Il modello per il singolo articolo e per la singola pagina, quello per gli archivi, la pagina personalizzata 404 e la pagina dei risultati di ricerca;
  3. Arricchisci il tuo tema con popup e sidebar;
  4. Crea le nuove pagine e usa i template da te realizzati.

In questo modo, sarà facilissimo creare un tema WordPress completamente personalizzato, grazie alla semplicità d’uso del page builder e alle innumerevoli funzioni disponibili riguardo agli elementi che puoi includere nella pagina e alla possibilità di aggiungere i tuoi stili.

Grazie anche ai modelli già pronti che puoi inserire e modificare come preferisci, potrai ottenere risultati straordinari in tempi brevissimi.

Ti suggerisco inoltre di utilizzare, insieme ad Elementor, un tema semplice e leggero, in modo da non avere interferenze a causa delle sue impostazioni.

Il tema ideale è Hello Theme, creato proprio dagli sviluppatori di Elementor.

Leggi la mia guida a Elementor per sapere come utilizzarlo e realizzare il tuo sito web in totale autonomia.

Creare un tema WordPress: i migliori strumenti sul mercato

Oltre a Elementor e ad altri page builder, ci sono altri sistemi.

Ti presento dunque le migliori risorse che puoi utilizzare per realizzare un tema WordPress senza dover intervenire direttamente sui fogli di stile e interagire sul codice del tuo sito web.

1. Template Toaster

Creare un tema WordPress con Template Toaster

Template Toaster è un software premium dedicato allo sviluppo per temi WordPress e non solo.

Offre un pieno controllo su HTML5 e CSS3, con la possibilità di personalizzare in maniera differente ogni pagina.

Si tratta quindi di una risorsa molto utile per creare un tema WordPress anche se si è principianti.

L’interfaccia è molto intuitiva e ti permette di scegliere e impostare tantissime opzioni di layout, sempre in modalità responsive.

Sul sito puoi trovare diversi temi realizzati con questo software, e puoi anche accedere alla versione trial per testare le varie funzionalità.

In seguito potrai procedere all’acquisto, a partire da 49$ per la versione base.

La versione Professional costa molto di più, 149$ all’anno.

Il pacchetto di funzionalità completo ti offre opzioni avanzate di personalizzazione come dimensioni personalizzate, opzioni immagini avanzate, etc.

Vuoi imparare a modificare un tema già esistente? Leggi Come Modificare un Tema WordPress.

2. Create

Create tema WordPress

Create è uno strumento per costruire il tuo tema personalizzato facile da utilizzare e padroneggiare.

Si installa come un normale tema ed è gratuito.

Si basa sulle tecniche di design responsive (rende il tuo sito compatibile con tutti i dispositivi mobili come smartphone, laptop, tablet etc.).

Ti permette di personalizzare ogni elemento dell’aspetto del sito con pochi click e scegliere lo schema colori che preferisci.

Nel caso in cui tu conosca il CSS (se non sai cos’è corri a leggere: Guida introduttiva al CSS per chi usa WordPress) potrai anche inserire le tue modifiche direttamente nel codice per rendere ancora più unico il tuo sito.

Questo “theme builder” (costruttore di temi) mette a disposizione anche una versione a pagamento al prezzo di 59.99$.

La versione premium ti offre più modelli per la personalizzazione della tua creazione, come menu e aree commenti.

Puoi dare un’occhiata alla demo di questo builder visitando: https://catchthemes.com/demo/create/

Questo strumento ha più di 5.000 installazioni, non è estremamente popolare ma è comunque valido per chi è alle prime armi e vuole cimentarsi con la creazione di un tema personalizzato.

3. Artisteer

Artisteer

Artisteer è un software di design nato, per diverse piattaforme e non solo, appositamente per realizzare un tema WordPress.

Artisteer può essere usato per creare temi e template per portali diversi: è quindi molto più versatile ed include una selezione di design appositamente realizzati nel caso in cui ti venga a mancare l’ispirazione.

Il prezzo per Artisteer è 49.95$, ed anche in questo caso il software può essere utilizzato solo sul sistema operativo Windows.

Vi è la possibilità di effettuare una prova gratuita, in modo da procedere all’acquisto solo se il prodotto rispetta effettivamente le tue esigenze.

Conclusione

In questo articolo ti abbiamo presentato degli strumenti, sia gratuiti che premium, che possono permetterti di creare un tema WordPress senza sapere codificare.

Con queste soluzioni potrai dunque personalizzare il tuo sito senza dover per forza di cose basarti su temi creati da altri e liberare la tua creatività senza avere alcuna conoscenza di programmazione e design.

Se stai aprendo un blog o un sito professionale, è raccomandabile che tu utilizzi un template o un design il più possibile unico e originale, e allo stesso tempo responsive (visibile cioè su tutti i dispositivi mobile) e funzionale.

Vuoi creare in autonomia il tuo tema WordPress?

Conosci altri sistemi per creare temi WordPress simili a quelli che ti ho presentato?

Quale tema utilizzi sul tuo sito web?

Condividi con noi la tua esperienza lasciandoci un commento nel box qui sotto.

Guide correlate:

Immagine di Andrea Di Rocco autore articoli SOS WP
Andrea Di Rocco Fondatore di SOS WP™
La mia passione per WordPress mi ha portato negli ultimi 10 anni a voler aiutare sempre più persone a creare blog e siti web in WordPress in completa autonomia. Spero che troverai utili le oltre 700 guide su WordPress e sulla SEO che ho pubblicato su questo blog. Se ne hai voglia ti invito a leggere la mia storia, cliccando sul pulsante qui sotto.
45Commenti
Lascia un commento
  1. Immagine avatar per enrico lazzerini
    enrico lazzerini

    Salve, ho rifatto il mio sito web attingendo a un template hueman. La mi difficolta sta in editor poco performanti rispetto ad un editor locale come word e impostare menu semplici da usare. Ad esempio mantenere il menu accessibile mentre si scorre la pagina. Un sito che mi piacerebbe perchè molto semplice è http://www.modellismonavale.org/chi_sono.html ma non è in wordpress e non saprei come poter crearlo o trovarlo. Grazie

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Enrico, se vuoi personalizzare al massimo il tuo sito, allora puoi utilizzare Elementor, come spiegato in questo articolo. Ti dà anche la possibilità di realizzare la “sticky header”, cioè il menu che rimane sempre visibile anche quando si scorre la pagina. Leggi la nostra guida a Elementor. Se hai bisogno di maggiori informazioni su come usarlo, puoi contattare l’Assistenza WordPress. Restiamo a disposizione, un saluto!

  2. Immagine avatar per Sebastiano
    Sebastiano

    Ciao Andrea, ti scrivo perchè vorrei vendere temi wp. Se uso Template Toaster che è un’ottima scorciatoia per ridurre i tempi di produzione, ho un tema qualificato per andare sui Marketplace? Rispetta le regole che richiedono ThemeForest, Envato e su WordPress.org? Sicuramente tu le conosci tipo: Theme Customizer API di WordPress- licenza GPL immagini con licenza CCO- compila automaticamente un file readme.txt.

    Io vengo da Dreamweaver dove si scriveva quasi tutto. Non me la cavo male con html e conosco bene il css. Ho modificato tanti template con wp realizzando ottimi lavori(certo con i cms la vita è più semplice anche se non sempre scontata, sopratutto se modifichi dei codici all’interno del tuo template) . Ora vorrei fare una ditta che vende temi e vorrei partire con il piede giusto. Tu cosa mi consigli?

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Sebastiano, non possiamo consigliare Template Toaster come base per creare temi vendibili, perché lo abbiamo usato solo per progetti singoli. Non lo riteniamo a prima vista un tool adatto per creare temi da vendere, perché non hai un gran controllo sul codice. Che conoscenza hai del linguaggio PHP?

    2. Immagine avatar per Sebastiano
      Sebastiano

      Purtroppo nessuna. Esite qualche programma validoche può aiutare? Fino qualche giorno fa volevo aprire una web agency(sono un grafico appassionato di web non me la cavo male neanche con il seo). Il problema per una web agency serve come prima cosa un venditore con i contro….Ma ieri mi è saltata in mente questa idea… non mi sembrava male

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Senza avere una approfondita conoscenza del PHP non si possono costruire temi per WordPress. Rischieresti solo di avere compratori insoddisfatti e pessime recensioni, quindi non ti consigliamo di andare avanti con l’idea di vendere temi a meno che tu non voglia approfondire le conoscenze in merito, ci sono tanti corsi (anche se in inglese) ma ovviamente ci vuole tempo e molta dedizione. Serve certamente un venditore, ma anche i servizi devono essere all’altezza delle aspettative, in ogni caso. Intanto, ti consigliamo di proseguire come esperto di grafica, magari facendoti affiancare da un ottimo developer per quanto riguarda WordPress. Questa ci pare una ottima base per partire 🙂

    4. Immagine avatar per Sebastiano
      Sebastiano

      Grazie mille. Seguirò il vostro consiglio. Complimenti ottimo sito.

    5. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Grazie Sebastiano, continua a seguirci!

  3. Immagine avatar per Giuseppina
    Giuseppina

    ciao spero che tu potresti darmi una mano sono neofita in materia ma sto cercando di imparare ho acquistato un template html5 su evanto per il mio b&b e volevo modificarlo mi sai dire come posso fare il tema acquistato si chiama starhotel vedo i fogli html ma non so dove inserire immagini e cambiare i testi
    grazie anche se non ricevo risposta leggo il tuo blog comunque

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Giuseppina,
      ma il tuo sito è realizzato con WordPress? Non puoi installare un tema generico, realizzato in HTML5, su WordPress. Fammi sapere!

  4. Immagine avatar per Michele
    Michele

    Ciao Andrea, ho creato un template con templatetoaster e dopo averlo esportato in zip mi fallisce il caricamento in wordpress dicendomi che ha problemi col css. ho provato a caricarlo con ftp ma non si vede quasi niente sul sito. Sapresti cosa puo’ essere? grazie e buona giornata

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Michele,
      l’errore dice che manca il foglio di stile?

    2. Immagine avatar per Michele
      Michele

      Ciao,ecco:
      Il pacchetto non può essere installato. Il foglio di stile style.css non contiene un’intestazione tema valida.
      Prima ho provato ad esportare un template per joomla e neanche me l’ha fatto caricare…cmq a me interesserebbe per wordpress. Grazie per la risposta

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Michele,
      il tema che stai cercando di installare, dove lo hai scaricato?

    4. Immagine avatar per Michele
      Michele

      L’ho scritto nel primo post.. Creato con template toaster… Fatto da me… ☺️

    5. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Allora ci deve essere qualche problema nella creazione del foglio di stile. Riprova a scaricarlo.

    6. Immagine avatar per Michele
      Michele

      da dove se la creazione fa tutto da solo…io imposto il layout e i vari oggetti e personalizzazioni e poi lo esporto in un zip…quello che poi vado a caricare in wordpress

    7. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Michele, probabilmente qualcosa non è stato ben impostato inizialmente. Hai provato a contattare il supporto di Template Toaster?

  5. Immagine avatar per Matsujunna
    Matsujunna

    Ciao! Spero di avere una risposta, perché sto impazzando con Artisteer 4.3! ç_ç
    A me il programma funzione benissimo e tutto quanto, la pecca più grande è che appena carico il file XML sul mio sito, la Header non si vedere per niente. Ho provato a smanettare con alcuni codici, ma non sono espertissima, quindi spero davvero di avere un aiuto da voi.

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Salve!
      Scrivici a info@sos-wp.it
      Un saluto!

  6. Immagine avatar per Marco
    Marco

    Ciao, sono più giorni che sto cercando di utilizzare Artisteer ma risulta piuttosto lento e pesante, ho letto che anche altri hanno lo stesso problema, per fare un’operazione banale devo sempre aspettare almeno 5 minuti…è inutilizzabile, vorrei dare un nuovo look al tema del mio sito che mi è stato fatto, come posso fare? Grazie mille!

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Marco!
      Il tema su cui stai lavorando è stato creato con Artisteer? Facci sapere, cercheremo di darti i consigli più utili per ottenere ciò che desideri 😉

    2. Immagine avatar per Marco
      Marco

      Ciao, si…è un tema che ho acquistato, ma ho visto che il problema si presenta anche con altri temi, è proprio Artisteer…ho letto che anche altri lamentavano lo stesso problema, tant’è che ci ho rinunciato ad usarlo… 🙁

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Marco,
      se il tema è stato acquistato potrai ricorrere al suo supporto per ricevere assistenza mirata e gratuita direttamente dagli sviluppatori 🙂
      In ogni caso, ti consiglio di dare un’occhiata al mio video corso WordPress ideale per principianti e in cui spiego come usare i linguaggi html e css. Ti sarà utile per effettuare modifiche in autonomia come spiego anche in questo post.
      Spero di esserti stato di aiuto, un saluto!

  7. Immagine avatar per fulvia
    fulvia

    Ciao, scusa il disturbo, io ho un problema. Ho acquistato il tema josephine su themeforest e l’ ho fatto installare da envato studio. Il problema e’ che il logo e, risultato troppo piccolo, non riesco a modificarlo. Mi puoi aiutare?

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Fulvia,
      ti ho risposto dalla mail di supporto ;-).
      Un saluto!

  8. Immagine avatar per Corrado
    Corrado

    Per favore con Headway, fra l’altro ho visto che funziona con tutti i tipi di sistemi operativi perciò Mac, posso caricare una foto o immagine personale e modificarla: ingrandirla o renderla quasi trasparente etc? Grazie a presto.

    Corrado

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Corrado,
      puoi caricare immagini e foto, ma per quanto riguarda le opzioni di personalizzazioni previste senza toccare il codice, ti consiglio di chiedere direttamente al loro servizio di supporto.
      Un saluto!

  9. Immagine avatar per Corrado
    Corrado

    Per favore quali programmi per produrre temi sono compatibili con Mac? Grazie a presto

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Corrado,
      tutti sono compatibili con MAC, un saluto!

  10. Immagine avatar per Francesco
    Francesco

    Ciao Andrea. Ho creato il mio tema con Lubith e sono abbastanza soddisfatto. L’unico problema è che l’immagine header va caricata direttamente da Lubith e non si può modificare con WordPress. Sto provando a smanettare con il codice html per renderla modificabile in WordPress (senza dover ogni volta salvare e ricaricare il tema) ma non ci riesco. Puoi darmi un suggerimento? Grazie

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Francesco,
      esattamente, cosa devi modificare dell’header?
      Hai caricato l’immagine header nella libreria media?
      Un saluto!

    2. Immagine avatar per Francesco
      Francesco

      Devo modificare l’immagine grande che mi occupa tutta l’intestazione del blog. Questa immagine io la carico direttamente in Lubith che mi crea il tema, io scarico il tema in formato .zip poi lo carico in WordPress sulla piattaforma Siteground che sto usando (con soddisfazione). Solo che a questo punto, dalle opzioni di personalizzazione del mio tema, non mi è più possibile modificare questa immagine, utilizzandone per esempio un’altra presente nella libreria media: non c’è nessuna voce delle personalizzazioni che me lo permette.

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Francesco,

      prova a trovare questo codice nell’header php:

  11. Immagine avatar per Stefanovic
    Stefanovic

    Fanno un pò pena i template creati con questi programmi

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao,
      diciamo che non sono forse una soluzione iper professionale, ma possono pemetterti di creare in autonomia un tema che non abbia tante pretese di implementazioni.
      Grazie del tuo commento!

  12. Immagine avatar per Scommessa
    Scommessa

    Ottimi consigli! Sei arrivato al momento giusto, stavo cercando proprio ora qualcosa del genere 🙂

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Mi fa piacere che ti sia stato utile 🙂

  13. Immagine avatar per douglas00
    douglas00

    ciao Andrea,
    ho appena scoperto questi software che permettono la creazione di un template da zero,
    Volevo chiederti se il codice rilasciato da questi programmi sul template è fatto bene, seo friendly o se ci sono problemi da questo punto di vista.

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Douglas, non lo so dipende da quale strumento usi. Fammi sapere quale hai scelto. Ciao 🙂

  14. Immagine avatar per Andrea Tosatto
    Andrea Tosatto

    D’accordo, io posso fare un sito nuovo con queste piattaforme che consigliate… Ma po’ con il tempo il sito rimane sincronizzato con i futuri aggiornamenti di WP? Oppure dopo un po’ bisogna rivederlo nelle sue parti? Ps: con ios7 questa web-app. integrata con Diquis funziona malaccio (allineamento e tastiera) :-/ DOMANDE? CONTATTACI DA MOLTO FASTIDIO LI DOV’È!!!

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Andrea, grazie per la tua ottima domanda. La risposta è sì, ogni volta che verrà rilasciato una nuova versione di WP il tema dovrà essere rivisto ed aggiornato affinché sia del tutto compatibile e ben visibile con le novità introdotte su WP 😉

  15. Immagine avatar per Roberto Cromobox Colombo
    Roberto Cromobox Colombo

    paintbrush non funziona

    1. Immagine avatar per Mirko
      Mirko

      Quoto

    2. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Lo abbiamo sostituito, grazie della segnalazione!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *