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 WordPress.
Creare un tema WordPress con Elementor
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:
- Realizza una header e un footer per le tue pagine;
- Crea poi i template di pagina: 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;
- Arricchisci il tuo tema con popup e sidebar;
- 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
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 è 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 è 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:
Lascia un commento
-
enrico lazzeriniSalve, 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
- 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!
-
- 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?
- 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?
- 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
- 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 🙂
- Sebastiano
Grazie mille. Seguirò il vostro consiglio. Complimenti ottimo sito.
- Andrea Di Rocco
Grazie Sebastiano, continua a seguirci!
-
- 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- 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!
-
- 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
- Andrea Di Rocco
Ciao Michele,
l’errore dice che manca il foglio di stile? - 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 - Andrea Di Rocco
Ciao Michele,
il tema che stai cercando di installare, dove lo hai scaricato? - Michele
L’ho scritto nel primo post.. Creato con template toaster… Fatto da me… ☺️
- Andrea Di Rocco
Allora ci deve essere qualche problema nella creazione del foglio di stile. Riprova a scaricarlo.
- 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
- Andrea Di Rocco
Ciao Michele, probabilmente qualcosa non è stato ben impostato inizialmente. Hai provato a contattare il supporto di Template Toaster?
-
- 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. - 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!
- 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 😉 - 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… 🙁
- 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 a questo video corso per principianti sui 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!
-
- 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?
- Andrea Di Rocco
Ciao Fulvia,
ti ho risposto dalla mail di supporto ;-).
Un saluto!
-
- 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
- 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!
-
- Corrado
Per favore quali programmi per produrre temi sono compatibili con Mac? Grazie a presto
- Andrea Di Rocco
Ciao Corrado,
tutti sono compatibili con MAC, un saluto!
-
- 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
- Andrea Di Rocco
Ciao Francesco,
esattamente, cosa devi modificare dell’header?
Hai caricato l’immagine header nella libreria media?
Un saluto! - 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.
- Andrea Di Rocco
Ciao Francesco,
prova a trovare questo codice nell’header php:
“>e a modificare dopo href= con il link ad una nuova immagine.
Un saluto!
-
-
- 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!
-
- Scommessa
Ottimi consigli! Sei arrivato al momento giusto, stavo cercando proprio ora qualcosa del genere 🙂
- Andrea Di Rocco
Mi fa piacere che ti sia stato utile 🙂
-
- 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.- Andrea Di Rocco
Ciao Douglas, non lo so dipende da quale strumento usi. Fammi sapere quale hai scelto. Ciao 🙂
-
- 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’È!!!
- 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 😉
-
-
- Mirko
Quoto
- Andrea Di Rocco
Lo abbiamo sostituito, grazie della segnalazione!
-
