Come creare un tema Divi Child

Ci sono migliaia (esatto, migliaia!) di temi WordPress disponibili tra cui scegliere quando crei un sito. La maggior parte dei web designer, tuttavia, ritiene che, sebbene i temi WordPress siano un buon punto di partenza, desiderano una maggiore personalizzazione e creare un tema figlio è un ottimo modo per farlo.

I temi secondari si basano sui temi principali e ti consentono di aggiungere o rimuovere il tuo codice. Se desideri personalizzare veramente il tuo sito WordPress, utilizzare i temi secondari è il modo migliore per procedere e Divi è una delle scelte migliori.

Il motivo principale per cui i creativi creano un tema secondario Divi è che quando il tema principale viene aggiornato, nulla si interrompe sul tuo sito. La creazione di un tema figlio da Divi agisce essenzialmente come una rete di sicurezza, sempre lì per catturare il tuo sito prima che si rompa! Ma sto andando troppo avanti, quindi iniziamo dalle basi.

In questo articolo tratterò:

• Cos'è Divi e quali sono le caratteristiche?
• Come creare un tema per bambini Divi (+ un download gratuito per bambini!)
• Come verificare se il tuo tema figlio Divi funziona

Immergiamoci.

Cos'è Divi e quali sono le funzionalità?

Divi è un tema WordPress di Elegant Themes che ti consente di costruire le tue pagine utilizzando diversi elementi strutturali da zero. Ciò significa che hai il pieno controllo su tutto ciò che riguarda i siti che stai creando grazie al suo editor visivo superiore.

Inoltre viene fornito con centinaia di design già pronti, quindi se non hai esperienza nella creazione e nella personalizzazione di temi, non preoccuparti! Che tu sia un principiante che desidera personalizzare il suo primo sito o uno sviluppatore esperto, Divi ti offre gli strumenti per dare vita alle tue idee.

Divi ha due interfacce di builder: l'editor visivo sul front-end di WordPress e il builder back-end. Nell'editor visivo, rende la creazione di siti per i clienti 10 volte più semplice, veloce e divertente perché puoi modificare sulla pagina stessa e vedere le tue modifiche in tempo reale. Nel back-end, stai modificando la rappresentazione basata su blocchi all'interno del post. Tuttavia, puoi comunque aggiungere nuovi moduli e fare essenzialmente tutto come faresti nell'editor visivo. È anche facile spostarsi avanti e indietro tra gli editor, a seconda delle tue preferenze.

Divi ha anche tre elementi strutturali principali che puoi utilizzare così come sono o personalizzare secondo le tue esatte specifiche: sezioni, righe e moduli.

Sezioni: questi sono gli elementi costitutivi più grandi del builder Divi. Puoi considerarli come blocchi sovrapposti orizzontali che possono raggruppare i tuoi contenuti in aree visivamente distinguibili. Tutto ciò che costruisci inizia con una sezione.

Righe: le righe sono i vari layout di colonna che possono essere posizionati all'interno delle sezioni. Hanno varie impostazioni a cui è possibile accedere facendo clic sull'icona delle impostazioni in alto a sinistra della riga e possono essere utilizzate per aumentare notevolmente la varietà di layout creati con Divi Builder poiché creano la struttura in cui sono ospitati i moduli.

Moduli: i moduli contengono diversi elementi di contenuto come immagini, contenuti, cursori, gallerie, moduli di contatto, CTA, blog, moduli, testimonianze, ecc. Ci sono oltre 40 moduli tra cui puoi scegliere e quindi personalizzare come desideri.

Ora che hai capito un po' meglio Divi, vediamo come creare un tema figlio.

Come creare un tema Divi Child

Prima di iniziare a personalizzare le cose, assicurati di avere Divi installato e attivato. Ci sono due modi per farlo:

Opzione 1: utilizza Flywheel + Divi per un'installazione semplice e veloce.

Opzione 2: Il metodo manuale (segui questi due passaggi)

Passaggio 1: registrati e scarica Divi qui. Una volta creato un account ed effettuato l'accesso, verrai reindirizzato all'area membri, andrai sul lato sinistro e troverai la scheda "Download". Trova Divi e fai clic su "Scarica". Questo invia un download di Divi in ​​un file zip nella cartella Download.

Passaggio 2: è ora di accedere al tuo sito WordPress. Vai su Aspetto > Temi. Fai clic su Aggiungi nuovo o Aggiungi nuovo tema sul lato destro. Fai clic sul pulsante “Carica tema” in alto a sinistra. Scegli il file e trova il file zip Divi. Nota: conservalo in un file zip (non decomprimerlo). Fare clic su Installa. Al termine dell'installazione, fai clic su "Attiva" e sarà installato e attivato sul tuo sito! ?

Ora sei pronto per creare un tema figlio Divi! Esistono tre modi principali per creare un tema figlio Divi: scaricare un tema figlio gratuito, utilizzare un plug-in o codificarlo manualmente.

Opzione 1: scarica un file di temi Divi Child gratuito

Uno dei modi più rapidi (e più semplici!) per creare un tema child è scaricare questo tema child Divi gratuito. Ha tutto il necessario per iniziare, oltre allo spazio per personalizzarlo a tuo piacimento! Scarica il tuo tema bambino Divi gratuito di seguito.

Una volta scaricato, installa Divi, attivalo e sei a posto! È così facile. Se preferisci un modo diverso per creare un tema figlio Divi, puoi sempre provare un plug-in.

Opzione 2: crea un tema Divi Child utilizzando un plugin

Sono disponibili numerosi plug-in per aiutarti a creare un tema figlio Divi. Ecco alcuni dei miei preferiti personali:

• Bambini Divi
• Configuratore di temi secondari
• Creatore di temi per bambini di Orbisius

Bambini Divi

Divi Children è un plugin gratuito sviluppato appositamente per gli utenti di Divi. Fa automaticamente il lavoro duro per te, così puoi concentrarti solo sul lato creativo! Ogni tema child creato da Divi Children è dotato di tantissime funzionalità di personalizzazione tramite WP Customizer. Scopri come installare questo plugin qui.

Configuratore di temi secondari

Questo plugin è stato progettato per gli utenti WordPress che desiderano poter personalizzare direttamente i fogli di stile del tema figlio. Con questo plugin, puoi facilmente identificare e sovrascrivere gli esatti attributi CSS che desideri personalizzare e l'analizzatore esegue la scansione del tema renderizzato e configura automaticamente il tema figlio. Scopri di più su questo plugin e su come installarlo qui.

Creatore di temi per bambini di Orbisius

Questo plugin ti consente di creare rapidamente temi secondari da qualsiasi tema attualmente installato sul tuo sito. Con questo plugin puoi creare un numero illimitato di temi secondari dal tuo tema principale, quindi le opzioni sono infinite. È dotato di due editor e puoi scegliere frammenti da un tema e incollarli in un altro. Parliamo di personalizzazione! Scopri di più sull'installazione di questo plugin qui.

Infine, se un plugin non fa per te, c'è sempre la possibilità di creare manualmente un tema figlio Divi!

Opzione 3: crea manualmente un tema Divi Child

Se sei uno sviluppatore WordPress o semplicemente ami una bella sfida, questo è un ottimo modo per creare un tema figlio Divi.

Passaggio 1: crea il file style.CSS

Come probabilmente saprai, il file style.css serve per comunicare a WordPress i dettagli del tuo tema figlio e può essere utilizzato per aggiungere CSS personalizzati! Per fare ciò, crea una cartella sul tuo computer e dagli un nome (qualcosa che ti faccia sapere che si tratta di un tema figlio Divi). Da lì, crea un file in quella cartella e chiamalo style.css.

Nota: assicurati di avere uno strumento di editor di testo o di codice, altrimenti nominare quel file sarà difficile!

Passaggio 2: aggiungi questo al file style.css:

 /*
 Nome del tema: Tema Divi Child
 URI del tema: https://www.elegantthemes.com/gallery/divi/
 Descrizione: Tema infantile per Divi
 Autore: il tuo nome
 URI dell'autore: https://getflywheel.com/
 Modello: Divi
 Versione: 1.0.0
*/

Il nome del tema, l'URI del tema, la descrizione, l'autore, l'URI dell'autore e la versione sono tutti modificabili. Mantieni il nome del modello così com'è! Per una maggiore personalizzazione (e per assicurarti che il tuo tema figlio Divi funzioni), aggiungi qui eventuali CSS personalizzati.

Passaggio 3: crea il file Functions.php

Crea un altro file nella cartella che hai già creato e chiamalo Functions.php

Quindi, aggiungi questo codice al tuo nuovo file e aggiungi eventuali funzioni personalizzate che potresti desiderare sotto l'ultima riga:

 <?php
funzione divi__child_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
add_action('wp_enqueue_scripts', 'divi__child_theme_enqueue_styles');

Passaggio 4: crea uno screenshot

Questo è un passaggio importante in modo che il tuo sito non abbia uno spazio vuoto dove dovrebbe trovarsi l'immagine nella pagina dei temi WordPress, quindi scattare uno screenshot veloce è un passaggio fondamentale qui! Una volta scattato lo screenshot, vai avanti e assicurati che le dimensioni siano 880x660px, che sia un .png o .jpeg (funziona entrambi!) e che il nome sia [screenshot.png] o [screenshot.jpeg]. Quindi, aggiungerai l'immagine dello screenshot alla cartella principale.

Passaggio 5: comprimi la cartella e caricala

Infine, comprimi la cartella in un file di tipo zip e caricala su WordPress! Andrai su Aspetto > Temi > Carica e poi fai clic su Attiva.

Ecco! Hai creato con successo un tema bambino Divi e sei pronto per personalizzarlo secondo il desiderio del tuo cuore.

Come verificare se il tuo tema Divi Child funziona

Per verificare se il tuo tema figlio funziona correttamente, aggiungi alcuni CSS nel file style.css del tema figlio e salva le modifiche. Dovresti vedere queste modifiche sul sito live ed è così che saprai che funziona!

Nota: potrebbe essere necessario aprire la pagina in un browser privato nel caso in cui sia memorizzata nella cache.

Ricorda: non dovresti mai apportare modifiche al tuo sito live nella remota possibilità che rompa qualcosa! Utilizza Local, un'app di sviluppo locale gratuita così potrai smettere di eseguire il debug degli ambienti locali e dedicare più tempo al lancio di bellissimi siti WordPress. Scopri di più su Local qui.

Conclusione

La personalizzazione è una delle parti migliori della creazione di siti utilizzando WordPress e sebbene i temi siano ottimi punti di partenza, è bello avere temi secondari, come Divi a tua disposizione.

Scarica gratuitamente il tema bambino Divi

Uno dei modi più rapidi (e più semplici!) per creare un tema child è scaricare questo tema child Divi gratuito. Ha tutto il necessario per iniziare, oltre allo spazio per personalizzarlo a tuo piacimento! Scarica il tuo tema bambino Divi gratuito di seguito.