Come creare un tema figlio di base per un sito WordPress
Pubblicato: 2022-10-19Qualsiasi buon sviluppatore WordPress ti dirà che un tema figlio è il modo migliore per modificare un tema WordPress esistente. Come mai? Perché un tema figlio eredita tutte le funzionalità del tema principale e ti consente di apportare modifiche senza toccare il codice del tema principale. In questo modo, quando il tema principale viene aggiornato, le modifiche vengono mantenute. Costruire un tema figlio è un processo relativamente semplice. In questo articolo, ti mostreremo come creare un tema figlio di base per un sito WordPress.
In questo tutorial, esamineremo come creare un tema WordPress reattivo utilizzando CSS3 e HTML5. Quando sei nuovo su WordPress, lo sviluppo di un tema da zero è piuttosto semplice. Il tuo tema deve essere reattivo per essere funzionale, quindi assicurati di seguire alcune linee guida durante la creazione. Useremo HTML5 e CSS3 per creare il nostro primo tema WordPress personalizzato in questo tutorial. HTML5, la versione più recente del linguaggio di markup Web HTML, è la quinta e la più avanzata. Cascading Style Sheets (CSS) è un insieme di fogli che possono essere visualizzati e modificati utilizzando un computer. Sono disponibili strumenti che ti consentono di impostare il comportamento del tuo sito Web in varie dimensioni dello schermo.
Se vuoi testare il/i tema/i prima di caricarlo su un server live, assicurati di testarlo in un ambiente locale. WordPress è disponibile sia per un server desktop che per un server WAMP. Sia WAMP che Desktop Server sono progettati per essere eseguiti sia su Windows che su Mac, ma WAMP è progettato per Windows e Desktop Server è progettato per Mac. Il terzo passaggio prevede l'aggiunta del seguente codice: sidebar.php e function.php. Questi codici vengono inseriti per garantire che il tuo tema sia adattabile. Nel passaggio 4 creerai un layout per il tuo tema. Utilizzando le media query, possiamo modificare l'intestazione, il piè di pagina, index.html, style.html e altre parti della pagina web.
I file PHP sono necessari per questa pagina. Se hai seguito questi passaggi, molto probabilmente il tuo nuovo tema WordPress sarà pronto, con tutti i modelli e i fogli di stile richiesti. Il file footer.php definisce il livello inferiore del tuo sito, inclusi i tag <html> e >body. Inoltre, devi includere una serie di elementi semantici HTML5, come il corpo principale HTML5, l'intestazione HTML5, la sezione HTML5 e l'articolo HTML5. Per visualizzare il contenuto del post, dovrai utilizzare un loop di WordPress, che è un componente essenziale. Non è facile creare un tema WordPress da zero, soprattutto se sei un principiante. Se desideri un tema WordPress reattivo, devi sapere quali passaggi devi eseguire.
Come creare un tema figlio
Per creare un tema figlio, devi creare una nuova cartella per il tema figlio e un file style.css . Il file style.css dovrebbe contenere quanto segue: /* Nome del tema: Modello del tema di mio figlio: parent-theme-folder */ @import url(“../parent-theme-folder/style.css”); Puoi quindi aggiungere il tuo codice CSS personalizzato sotto la regola @import.
Sebbene la funzionalità del tema figlio sia identica a quella del tema principale, puoi aggiungere nuove funzionalità e personalizzarla. I temi per i bambini vengono tenuti separati dai temi dei genitori e nessun genitore può accedervi. Avere un tema figlio semplifica l'aggiornamento e la manutenzione del tuo sito web. Inoltre, ti impedirà di sovrascrivere e perdere l'aspetto del tuo sito web. Tutto ciò che fai con il tuo tema figlio viene copiato dal tuo tema principale. Questi includono tutti i file modello , le funzioni e le risorse, nonché le risorse JavaScript. Nella maggior parte dei casi, devi semplicemente aggiungere alcune righe di codice al file style.html.
Uno dei modi più rapidi per creare un tema figlio di WordPress è con un plug-in. Per scegliere il tema principale, fai clic sul menu a discesa. Se hai più temi sul tuo sito, assicurati di scegliere quello che desideri personalizzare. Dopodiché, dovresti completare il processo di nominare il tema di tuo figlio e scrivere una descrizione. Questa pagina consente inoltre di inviare una richiesta di supporto o un'analisi dei dati grezzi al creatore del plug-in. I seguenti passaggi potrebbero non essere eseguiti se il tema che stai utilizzando come genitore è premium o limitato. Se devi apportare modifiche al tuo sito web, assicurati di aver eseguito il backup di tutte le tue impostazioni.
Per creare un tema figlio di WordPress, puoi apportare tutte le modifiche che desideri a un livello più personalizzato. Crea prima una cartella per il tuo tema figlio. Il secondo passo è creare un foglio di stile per il tema di tuo figlio. Carica i fogli di stile del tema genitore e figlio . Il file style.css, che si trova attualmente nella cartella della directory appena creata, deve essere inserito nel passaggio successivo. È necessario abilitare il tema figlio nel passaggio 5 andando su Aspetto. L'uso di un tema figlio è un modo efficiente per evitare di modificare direttamente un tema principale.
Con i temi figlio , puoi apportare una serie di modifiche al tuo sito Web esistente senza dover imparare alcun linguaggio di programmazione. Oltre a un servizio di hosting adatto, avrai bisogno di uno adatto alle tue esigenze. Per piani di hosting condiviso a basso costo che danno la priorità alle prestazioni del sito Web, non cercare oltre DreamHost.
I pro ei contro dell'utilizzo di temi figlio
Ci sono numerosi vantaggi nell'usare i temi figlio. Se preferisci un modello, possono essere personalizzati per soddisfare le tue esigenze specifiche oppure puoi ottenere un tema pre-progettato. Inoltre, possono aiutarti a mantenere organizzato il tuo sito archiviando tutte le modifiche apportate al tuo tema in un unico posto.
Nonostante il fatto che WordPress potrebbe non approvare i temi figlio, sono sicuramente uno strumento potente e che fa risparmiare tempo.
Che cos'è il tema del bambino
Un tema figlio è un tema che eredita la funzionalità e lo stile di un altro tema, chiamato tema principale. I temi figlio vengono spesso utilizzati quando si desidera apportare modifiche a un tema esistente, senza perdere la possibilità di aggiornare il tema principale.
Perché dovresti usare un tema per bambini
Un vantaggio dell'utilizzo di un tema figlio è che tuo figlio sarà in grado di muoversi molto più rapidamente. Invece di scrivere tutto da solo, fai affidamento sul genitore che funge da spina dorsale e apporta le modifiche necessarie se necessario. Questo può anche aiutarti a mantenere il tuo tema coerente e organizzato, consentendoti di aggiungere nuove funzionalità o apportare modifiche a un tema esistente più facilmente.