Vuoi creare un tema WordPress personalizzato? Creare qualcosa di bello senza dover scrivere codice? Avere il pieno controllo sul tema del tuo sito WordPress è un ottimo modo per aumentare le vendite e offrire un'esperienza professionale con il tuo brand.
In questo articolo ti mostreremo come avere il pieno controllo sul tuo tema. Sarai in grado di renderlo fantastico, anche se sei un principiante. Esattamente come lo desideri. E non avrai bisogno di scrivere codice personalizzato o assumere un costoso designer o sviluppatore.
Iniziamo!
- Cos'è un tema WordPress?
- La sfida della personalizzazione dei temi
- Come personalizzare o creareil tuo temasenza alcun codice
- Una rapida panoramica di SeedProd + EDD
Nota: questo articolo è destinato ai siti WordPress.org, non ai siti WordPress.com. Fai clic qui per un articolo che spiega la differenza.
Cos'è un tema WordPress?
Ogni sito WordPress utilizza un tema. Un tema è il modello, l'aspetto o il design generale del tuo sito web. I temi controllano la funzionalità e l'aspetto del front-end del tuo sito web. Sono una raccolta di file di modello PHP, CSS, Javascript e HTML.
Un sito WordPress può avere più temi installati, ma solo uno può essere attivato e visualizzato sul front-end del tuo sito web. I temi sono archiviati nella cartella wp-content.
Quando installi WordPress, viene fornito con un tema predefinito creato dal team principale di WordPress. Chiamano i loro temi con l'anno in cui sono stati scritti (Twenty Twenty Two, Twenty Nineteen, e così via).
Easy Digital Downloads (EDD) fornisce due temi WordPress personalizzati gratuiti che puoi utilizzare per costruire un negozio digitale; Themedd e Vendd. Forniamo anche un elenco di temi gratuiti e a pagamento di altri designer/sviluppatori che puoi utilizzare.
➡️ Dai un'occhiata alla pagina Temi EDD
La sfida della personalizzazione dei temi
Una sfida centrale con i temi WordPress è che possono essere difficili da creare o personalizzare. Avrai almeno bisogno di esperienza o familiarità con WordPress, HTML e CSS.
Ecco alcune delle cose che devi imparare per sviluppare o personalizzare temi WordPress:
- Comprendere concetti di codifica come 'the loop', che è codice PHP per caricare contenuti
- Utilizzare la gerarchia dei modelli creando un tema figlio, nella sua directory tematica. Questo ti permette di ereditare il codice da un tema padre e limita quanti file devi scrivere da zero (come page.php e single.php).
- Gli usi del file function.php, delle aree widget e dei permalink
- Assicurati che i tuoi file tematici non occupino troppe righe di codice. Troppe righe di codice possono rallentare il caricamento del tuo sito, il che influisce negativamente sulla tua SEO (ottimizzazione per i motori di ricerca).
- Configura un ambiente di sviluppo che includa un editor di codice e siti web in esecuzione localmente sul tuo computer per i test
Strumenti per semplificare le cose
WordPress è noto per la sua facilità d'uso. Soprattutto rispetto a tutto il resto. C'è un motivo se alimenta il 43% di Internet!
Esistono diverse soluzioni sviluppate nell'ecosistema WordPress per affrontare le sfide della personalizzazione e creazione di temi.
Una soluzione è utilizzare uno delle migliaia di temi premium disponibili su diversi marketplace. Puoi scegliere un tema che abbia già l'aspetto e la sensazione che desideri.
Ti parleremo di altre soluzioni qui sotto. 👇🏽
Come personalizzare o creare il tuo tema senza codice
Ti mostreremo quattro soluzioni per personalizzare o creare un tema WordPress. Alcune ti permettono persino di costruire il tuo tema da zero senza codice!
SeedProd Theme Builder
Il modo migliore per costruire il tuo tema del sito web - senza alcun codice - è utilizzare il tema builder di SeedProd.
SeedProd è un builder WordPress drag-and-drop. È un potente strumento di progettazione visiva utilizzato da oltre un milione di professionisti del web.
È facile da usare e ti permette di creare landing page personalizzate o persino l'intero tema del tuo sito web! Funziona perfettamente con l'editor a blocchi di Gutenberg.
SeedProd è nato come un modo semplice per creare la tua pagina "coming soon", "maintenance mode" o "404". È stato costantemente aggiornato ed espanso per creare landing page e ora la costruzione completa di temi.
Una funzionalità di SeedProd davvero popolare e potente è la sua vasta libreria di template e temi predefiniti. Può essere molto utile iniziare con qualcosa di predefinito, invece di una pagina bianca. Poi puoi facilmente personalizzare e costruire da lì.
⏭ Clicca qui per saltare avanti e vedere come usare SeedProd + EDD
Di seguito sono riportate altre tre soluzioni per personalizzare o costruire il tuo tema WordPress.
Il Personalizzatore
Una soluzione che molti temi offrono si chiama 'il personalizzatore'. Il personalizzatore ti permette di controllare molti elementi visivi del tema senza codice. Queste interfacce di personalizzazione sono spesso davvero ottime e ti danno una notevole libertà. I nostri temi gratuiti Themedd e Vendd offrono il personalizzatore.
Molti temi hanno persino una casella chiamata 'CSS aggiuntivo' nel loro Personalizzatore che ti permette di sovrascrivere manualmente l'aspetto dei temi con il tuo codice CSS. Sono richieste competenze di codifica minime o molta ricerca su Google per utilizzarla.
| 🟢 PRO DEL PERSONALIZZATORE | 🔴 CONTRO DEL PERSONALIZZATORE |
|---|---|
| Il Personalizzatore è abbastanza facile da usare e potente | Sei comunque bloccato nel framework e nel concetto di design del tema che stai utilizzando. |
| Alcuni temi utilizzano il Personalizzatore meglio di altri, potresti scoprire di non avere i controlli desiderati senza utilizzare il campo CSS aggiuntivo per la codifica personalizzata. |
Plugin Page Builder
Ci sono diverse aziende che creano page builder per WordPress. Questi forniscono un'interfaccia visiva per la creazione di pagine. Alcuni di essi offrono persino la possibilità di personalizzare l'intero tema con intestazione, piè di pagina, barra laterale e template di pagina.
Questi page builder stanno modificando e controllando complessi file PHP, file CSS e Javascript in modo che tu non debba farlo.
| 🟢 PRO DEI PAGE BUILDER | 🔴 CONTRO DEI PAGE BUILDER |
|---|---|
| Hai molta potenza e controllo | Alcuni possono rallentare il tuo sito |
| Interfaccia visiva | Molti page builder sono costosi, alcuni hanno un piano gratuito |
| Con alcuni page builder devi comunque installare un tema e può essere complicato lavorare sia con il tema che con il page builder |
Editing completo del sito (FSE)
Potresti sentire molto parlare dell'Editing completo del sito di WordPress. Le prime versioni di FSE sono state rilasciate di recente in WordPress 5.8 e 5.9. Questo è un nuovo progetto del team core per rendere possibile la modifica dell'intero sito utilizzando uno strumento di 'editor a blocchi'.
L'editor a blocchi di WordPress (Gutenberg) esiste da diversi anni. È un'interfaccia visiva gratuita simile a un page builder per creare post e pagine. È incluso gratuitamente con qualsiasi sito WordPress.
Ora, o presto, potrai modificare qualsiasi tema integrato con FSE con una funzionalità e un'interfaccia simili a quelle dell'editor a blocchi. Usalo per controllare qualsiasi elemento di una pagina, inclusi menu, intestazioni, piè di pagina, barre laterali e widget.
È entusiasmante! Sarà un ottimo modo per controllare il tema del tuo sito. Non è ancora pronto per il grande pubblico, al momento della scrittura di questo articolo, FSE è ancora in beta.
| 🟢 PRO FSE | 🔴 CONTRO FSE |
|---|---|
| Sarà presto un'ottima opzione, specialmente se ti piace già e usi il Page Builder di Gutenberg | Ancora in beta testing, al momento della scrittura di questo articolo |
| Richiede un tema compatibile con 'Editing completo del sito', al momento non ce ne sono molti disponibili |
Una rapida panoramica di SeedProd + EDD
🎉 SeedProd ti permette di creare facilmente il tuo tema per siti web. Senza alcuna codifica. E senza nessuno degli svantaggi elencati sopra.
Ti mostreremo quanto è facile creare il tuo tema WordPress con SeedProd. Dimostreremo usandolo con il plugin ecommerce Easy Digital Downloads (EDD).
Immagina cosa puoi fare! Puoi avere il controllo completo su ogni dettaglio dell'esperienza del cliente. Nessuna attesa di settimane o mesi per costosi designer o sviluppatori per lavorare sul tuo sito.
Conosci i tuoi clienti e il tuo negozio meglio di chiunque altro! E tieni più a cuore il tuo sito di chiunque altro. SeedProd è un'ottima opzione per risultati fantastici... VELOCEMENTE!
Ecco cosa devi fare:
- Installa e attiva SeedProd
- Fai clic su un pulsante per creare un tema!
- Apporta personalizzazioni di base
- Crea modelli personalizzati per i tuoi Download (per EDD)
- Fai ancora di più
Installa e attiva SeedProd
Per prima cosa devi acquistare SeedProd. L'opzione Theme Builder richiede una licenza Pro o Elite.
🤚🏾Fai clic qui per ottenere uno sconto del 50% sul prezzo introduttivo di SeedProd
Dopo aver acquistato SeedProd Pro o Elite, installalo come qualsiasi altro plugin. Se sei nuovo nell'installazione di plugin, ecco un ottimo tutorial.
Una volta installato il plugin SeedProd, assicurati di inserire la tua chiave di licenza.
Ora sei pronto per creare il tuo nuovo tema!
Inoltre, assicurati di installare Easy Digital Downloads se non lo hai già.
EDD è gratuito e include:
- Carrello della spesa
- Elenco dei tuoi prodotti/download
- File di prodotto protetti, solo i clienti paganti avranno accesso a link a scadenza automatica
- Opzioni di checkout flessibili
- Codici sconto
- Gestione clienti (CRM di base)
- Report eCommerce
- Integrazione Stripe e/o PayPal
EDD Pass
Acquista un EDD Pass per aggiungere funzionalità avanzate di eCommerce come integrazione email, abbonamenti, licenze software, integrazione con Amazon S3/DropBox e altro ancora.
Clicca un pulsante per creare un tema!
Cerca SeedProd sul lato sinistro del tuo pannello di amministrazione WordPress. Clicca su Theme Builder.
Successivamente, clicca sul pulsante arancione che dice Themes. Questo aprirà i temi predefiniti tra cui puoi scegliere. Useremo il tema predefinito Starter nel nostro esempio qui sotto.
Una volta cliccato sul tema predefinito Starter, SeedProd creerà ogni parte del modello del tema come: pagina singola, home page, intestazione, piè di pagina, barra laterale, ecc.
Hai appena creato un intero tema con UN CLIC!
Non hai dovuto creare footer.php, header.php o sidebar.php, archive.php o un foglio di stile. Era tutto fatto per te.
Assicurati di abilitare il tema cliccando sul pulsante di attivazione Enable SeedProd Theme in alto a destra. Questo disabiliterà il tuo tema attuale. Assicurati di essere pronto a mostrarlo al pubblico, o prova questo su un server di staging.
Nota, quando usi SeedProd non stai più utilizzando il sistema dei temi di WordPress. Non vedrai un nuovo tema con un nome di tema nella cartella dei temi all'interno di wp-content/themes. Invece, il plugin SeedProd per WordPress ha preso il controllo dell'aspetto del sito.
Personalizzazione di base
Ci sono alcune personalizzazioni che puoi fare subito. Personalizza il tuo logo e i colori e gli stili di base.
Personalizza il tuo logo
Un buon primo passo è aggiungere il tuo logo. Fallo modificando il modello Header.
Stili generali personalizzati
Secondo, puoi modificare rapidamente qualsiasi impostazione di stile globale. Clicca sul modello Global CSS.
Qui puoi modificare molte impostazioni visive per il sito come font, titoli, collegamenti (href), colori e dimensioni. Questo sostituisce la necessità di conoscere il CSS e di personalizzare il file style.css.
Crea modelli personalizzati per i tuoi download
I prodotti che vendi con Easy Digital Downloads sono memorizzati come un tipo di post personalizzato chiamato Download sul tuo sito WordPress.
I tuoi Download vengono quindi visualizzati come Pagina Singola o Pagina Archivio.
- Una Pagina Singola è quando un Download appare da solo sulla sua pagina.
- Una Pagina Archivio (in gergo WordPress) è un elenco di più Download.
Non è necessario partire da zero. Invece di scegliere di aggiungere nuovi modelli, duplica semplicemente questi due modelli che SeedProd ha appena creato per te:
- Indice Blog, Archivi, Ricerca e
- Pagina Singola
Dai a questi template il titolo di 'EDD Single Download' e 'EDD Download List' in modo da non confonderli con altri template.
Modifica le condizioni dei tuoi template di download
Devi impostare queste pagine per caricare solo i Download. È semplice. Fai clic sul pulsante di testo sotto il titolo che dice Modifica condizioni.
Per il template EDD Single Download configuralo come:
- Priorità 10
- Includi: tipo di post Download
Nella EDD Download List usa queste impostazioni:
- Priorità 30
- Includi: archivio tipi di post, e poi digita 'download'
Nota: queste impostazioni di priorità sono progettate per assicurarsi che le tue condizioni non vengano sovrascritte da altre quando hai due condizioni simili. Scopri di più su priorità e condizioni qui.
Personalizza le tue pagine di download
Ora che hai creato template separati per i tuoi EDD Download. Puoi personalizzarli come preferisci.
Nel mio esempio, ho creato una pagina EDD Download pulita e semplice. Una singola colonna centrata senza sidebar o altro per cercare di aumentare le conversioni.
Ecco com'è sul backend mentre viene modificata in SeedProd.
Poi, ecco come appare sul frontend.
In questa pagina di esempio EDD Download List ho optato per una griglia a 2 colonne. Puoi fare quello che vuoi. È incredibilmente facile provare cose nuove e visualizzarle in anteprima.
Sul backend mentre viene modificata con SeedProd:
Ecco come appare sul frontend:
Fai di più. Il cielo è il limite!
O forse lo spazio esterno è il limite. Questi esempi sopra sono solo una piccola anteprima di tutte le cose che puoi fare con SeedProd.
Immagina solo cosa puoi fare con il controllo completo e la sperimentazione illimitata.
SeedProd viene fornito con centinaia di blocchi di template e modelli di pagina.
Ecco solo alcuni esempi che potrebbero essere di particolare interesse per creatori digitali come noi!
- Tabelle prezzi
- Titoli animati
- Layout multi-colonna (con impostazioni responsive per dispositivi mobili)
- Modulo di contatto
- Giveaway (con RafflePress)
- Modulo di iscrizione
- Condivisione sui social
- Carosello di immagini
- Fisarmonica
- Facebook; Mi piace, Commenti, Pagina o Incorporamento
- Twitter; Incorporamento, Timeline, Pulsante Tweet, Pulsante Segui
- Il buon vecchio shortcode
SeedProd è un ottimo modo per configurare il tuo tema EDD. È un'ottima opzione, sia che tu stia appena iniziando, sia che tu voglia provare qualcosa di nuovo che stupirà i clienti.
Conclusione
Stellare! Hai appena imparato a rendere il tuo tema bello senza scrivere codice. Immagina cosa puoi fare per migliorare l'esperienza del cliente quando puoi personalizzare tutto da solo.
Abbiamo molte più risorse per creatori digitali e imprenditori. Di cosa vuoi imparare dopo?!
- 🤑 Gli incredibili vantaggi della vendita di download digitali
- 💰 L'elenco completo dei download digitali che puoi vendere
- 💸 I 14 download digitali più popolari che puoi vendere nel 2022
Assicurati di seguirci su Facebook e Twitter per saperne di più su WordPress e sulla vendita di prodotti digitali.
