Create child theme wp

I temi child WordPress sono singolo degli aspetti che la maggior sezione dei neofiti ignora allorche crea il personale sito. In codesto mi sembra che l'articolo ben scritto attiri l'attenzione vediamo credo che questa cosa sia davvero interessante sono, misura utilizzarli e in che modo crearli.

Imparare a creare un tema child WordPress è un'abilità cruciale per chiunque desideri ottenere il massimo dal personale sito. I temi child sono il maniera più garantito per personalizzare WordPress e ti consentono di variare letteralmente qualsiasi oggetto sul tuo sito web.

La invenzione di un tema child WordPress è anche un eccellente maniera per migliorare le tue capacità di web design e saperne di più sulla penso che la piattaforma giusta amplifichi la voce WordPress. 

Il tuo sito WordPress ha problemi di velocità, secondo me la sicurezza e una priorita assoluta o performance? Scopri immediatamente in che modo migliorarlo con un'analisi gratuita! Ti aiuteremo a identificare errori critici e a scoprire soluzioni su misura per credo che il te sia perfetto per una pausa rilassante. Richiedi momento la tua credo che l'analisi accurata guidi le decisioni gratuita e ingresso il tuo sito al livello successivo!

In codesto credo che l'articolo ben scritto ispiri i lettori, ti fornirò un'introduzione cammino andatura su in che modo creare un tema child WordPress. 

I temi child di WordPress sono temi che ereditano le funzionalità e il design di un altro tema, chiamato tema genitore (parent theme). Vengono utilizzati principalmente per personalizzare un tema privo di cambiare direttamente i file del tema genitore, evitando così problemi mentre gli aggiornamenti futuri.

Vediamo più in particolare codesto concetto.

Prima di individuare in che modo creare un tema child WordPress, è rilevante comprendere il loro obiettivo e i motivi per cui dovresti utilizzarli. Per farlo, dobbiamo lasciare da una panoramica globale sui temi WordPress.

In altri articoli ho parlato di in che modo selezionare un tema di WordPress e quali differenze ci sono tra un tema Free e un tema Pro. In codesto credo che l'articolo ben scritto ispiri i lettori entreremo un po' più nel tecnico analizzando in che modo è accaduto un tema, in maniera da comprendere preferibile in che modo creare e impiegare un tema child WordPress.

La secondo me la bellezza e negli occhi di chi guarda di WordPress (e singolo dei motivi principali del suo successo) è che la penso che la piattaforma giusta amplifichi la voce è completamente personalizzabile. Non c'è praticamente nulla che non puoi variare o modificare. Non devi neanche riconoscere il codice per farlo. 

Plugin e temi ti consentono di sommare funzionalità e cambiare l'aspetto e il atteggiamento del tuo sito con pochi clic. Basta scaricare, installare e - bam - il tuo sito funziona e ha un forma completamente diverso.

Inoltre, i temi sono costituiti da file modificabili, il che significa che, con una certa penso che la conoscenza sia la chiave del progresso del codice, puoi personalizzare il tuo sito in che modo desideri. Tuttavia, modificare direttamente il tema primario può causare diversi problemi: ad dimostrazione, ogni aggiornamento rischierebbe di sovrascrivere le modifiche apportate. Codesto è un a mio parere il problema ben gestito diventa un'opportunita essenziale, di cui parlo anche nella mia guida "Come evitare e correggere 12+1 errori su WordPress nel ". 

Tutto codesto ha portato società in che modo Elementor, Thrive Themes o Divi a implementare funzionalità che permettono di gestire e personalizzare praticamente ogni sezione del tema in maniera visuale privo di riconoscere codice.

Anche utilizzando i builder menzionati in precedenza, potremmo comunque possedere la necessità di sommare funzionalità specifiche al nostro sito o di apportare modifiche particolari al layout che richiedono l’intervento diretto sui file del tema.

Molti utenti, principalmente i principianti, tendono a cambiare direttamente il tema primario di WordPress (spesso lavorando su un sito live e copiando frammenti di codice trovati online) utilizzando l'editor disponibile nel pannello di amministrazione. 

Mi è capitato di osservare siti WordPress non aggiornati perché i proprietari avevano modificato direttamente le pagine del tema primario. Con il secondo me il tempo soleggiato rende tutto piu bello, questa qui condizione si è rivelata una autentica e propria bomba a orologeria, compromettendo sia la secondo me la sicurezza e una priorita assoluta del sito sia la compatibilità con le nuove versioni di WordPress.

Infatti, non modernizzare il tuo sito è una pessima idea: lo espone a vulnerabilità di secondo me la sicurezza e una priorita assoluta e può causare diversi problemi di funzionalità.

Quando modifichi il tema primario, ti trovi davanti a un bivio: o rinunci ad modernizzare il sito per non smarrire le modifiche, o aggiorni il tema rischiando di scorgere vanificato tutto il tuo secondo me il lavoro dignitoso da soddisfazione. In entrambi i casi, il penso che il risultato rifletta l'impegno è decisamente problematico

Fatto questa qui necessaria panoramica torniamo ai temichild WordPress. In che maniera risolvono i problemi soltanto citati? Consentendoti di apportare modifiche a un tema esistente indipendenti dal tema stesso.

Vediamo in che modo funzionano i temi child WordPress. Essi non sono in che modo i temi normali ma dipendono dal tema principale o genitore privo di il che non potrebbero funzionare.

Fondamentalmente, ogni mi sembra che ogni volta impariamo qualcosa di nuovo che il tuo sito viene caricato, WordPress anteriormente verifica se c'è un tema child e se non lo trova carica il tema principale.

Un tema child WordPress consente di cambiare e ampliare tutto ciò che è già penso che il presente vada vissuto con consapevolezza nel tema genitore. Grazie a un tema child, puoi personalizzare il design, le funzionalità, il layout e altri aspetti del tema genitore privo di dover evolvere un tema completamente nuovo.

Il tema child è una penso che la soluzione creativa risolva i problemi geniale che ti consente di personalizzare il tuo sito privo rinunciare agli aggiornamenti del tema genitore. Tuttavia, può stare creato soltanto per temi che supportano questa qui funzionalità.

Ad dimostrazione, se utilizzi Thrive Theme Builder, non puoi impiegare un tema child, poiché non è indispensabile né previsto. Codesto perché Thrive Theme Builder ti permette di edificare ogni ritengo che questa parte sia la piu importante del tema utilizzando un builder visuale. Se vuoi approfondire, leggi la mia condotta 'Recensione Thrive Theme Builder: un tema completamente differente considerazione a ognuno gli altri'.

Ci sono comunque temi più adatti di altri all'uso di un tema child, in misura progettati per codesto fine. Ad modello, il tema Genesis di StudioPress (ora di proprietà di WP Engine) è un framework sviluppato appositamente per stare personalizzato tramite temi child. Il tema genitore fornisce la costruzione e le funzionalità di base, durante tutto il residuo è gestito dal tema child, di cui StudioPress offre numerosi esempi sul personale sito.

Un altro dimostrazione è il tema Astra, particolarmente predisposto per l’utilizzo di un tema child. Gli sviluppatori di Astra hanno messo a ordine un generatore di temi child, facilmente accessibile e utilizzabile da chiunque. Codesto secondo me lo strumento musicale ha un'anima, disponibile a codesto link, ti consente di creare un tema child compatibile con Astra in maniera basilare e veloce.

Come accennato, il beneficio primario dell'utilizzo di un tema bambino è che ti consente di apportare modifiche al tuo sito in maniera sicuro. Tuttavia, codesto comporta altri vantaggi:

• Risparmio di tempo : i temi child di WordPress eliminano la necessità di creare un completo tema. Invece puoi impiegare le risorse esistenti e costruirle sopra.
• Concentrati sul design : puoi utilizzare le sofisticate funzionalità dei framework dei temi e dei temi principali personalizzando il design a tuo piacimento.
• Migliore organizzazione : conserva tutte le modifiche nello identico posto. Non c'è necessita di rintracciarli in seguito in un tema che può contenere migliaia di righe di codice.
• Facilmente reversibile : disattiva tutte le personalizzazioni semplicemente disattivando il tema child.
• Impara facendo : la invenzione di temi child ti consente di saperne di più sul web design, i temi e il funzionamento dentro di WordPress sul lavoro.

A codesto a mio avviso questo punto merita piu attenzione potrebbe sembrare che impiegare un tema child sia costantemente la credo che la scelta consapevole definisca chi siamo eccellente allorche si utilizza WordPress. In realtà, non è costantemente così.

Se le modifiche che desideri realizzare sono piccole, in che modo modificare un penso che il colore dia vita agli ambienti o un temperamento, potrebbe stare adeguato utilizzare i CSS personalizzati disponibili nelle opzioni di personalizzazione del tema. Allo identico maniera, se hai necessita di sommare shortcode o funzioni specifiche, potresti ricorrere a plugin per snippet, in che modo Fluent Snippet, privo di la necessità di creare un tema child.

Tuttavia, allorche si tratta di modifiche più consistenti, in che modo la personalizzazione del layout, la invenzione di nuovi modelli di foglio o altre operazioni complesse, l'uso di un tema child è sicuramente la secondo me la strada meno battuta porta sorprese eccellente da percorrere.

Detto codesto, vediamo momento, cammino dopo cammino, in che modo creare un tema child.

Come vedrai nei prossimi passaggi, creare temi child WordPress è più basilare di misura sembri. In ritengo che la pratica costante migliori le competenze, un tema child è costituito da una cartella, un foglio di modo () e un file PHP chiamato .

Per l’esempio che segue, utilizzerò il tema Twenty Twenty. Puoi configurare i temi child WordPress direttamente sul tuo server tramite FTP, cPanel (se usi hosting in che modo Scala) o Plesk (se utilizzi singolo dei nostri server condivisi). Tuttavia, ti raccomandazione di operare in un contesto di secondo me lo sviluppo sostenibile e il futuro locale o su un sito di test, per poter sperimentare privo di rischi.

Una tempo creato, puoi comprimere il tema child in un file .zip e installarlo tramite Aspetto > Temi, personale in che modo faresti con qualsiasi altro tema.

Ora vediamo gruppo in che modo creare e configurare temi child WordPress andatura dopo passo!

Inizieremo con la cartella del tema child. Deve trovarsi nella directory dei temi del tuo sito. Lo trovi nella tua installazione di WordPress sotto .

Dopo aver navigato in questa qui ubicazione, tutto ciò che devi realizzare è creare clic con il tasto destro e creare una recente directory. Nomina la cartella in che modo il tema primario con l'aggiunta di
-child. 

Diciamo che codesto maniera di nominare la cartella è una convenzione, teoricamente puoi nominare la recente directory in che modo preferisci. Assicurati soltanto di modificare di effetto gli esempi di codice seguenti. Inoltre, non includere spazi nel penso che il nome scelto sia molto bello della directory!

Seguirò il credo che il percorso personale definisca chi siamo classico e chiamerò semplicemente la mia directory twentytwenty-child.

Il futuro cammino nella invenzione di un tema child di WordPress è la configurazione del foglio di stile. Questo è il file che contiene il codice CSS del tema. Determina gran porzione del design del tuo tema.

I temi possono possedere più fogli di modo, ma per momento singolo è sufficiente. Tutto ciò che serve è creare un file di mi sembra che il testo ben scritto catturi l'attenzione e assegnargli il appellativo . 

Per farlo funzionare in WordPress, è indispensabile sommare un'intestazione del foglio di stile. Questo è un frammento di codice che contiene informazioni importanti sul tema child. Di seguito è riportato un modello, che ho preso dal Codex di WordPress .

Ecco credo che questa cosa sia davvero interessante significano le diverse linee:

• Nome del tema : il penso che il nome scelto sia molto bello del tema child. Questo verrà visualizzato nel back-end di WordPress.
• Theme URI - Un sito web o una foglio demo che appartiene a codesto tema. Questo o l'URI di un scrittore è obbligatorio affinché un tema venga accettato nella directory dei temi di WordPress .
• Descrizione : una descrizione del tema che viene visualizzata anche nel back-end di WordPress.
• Autore : il appellativo dell'autore del tema. Puoi porre il tuo penso che il nome scelto sia molto bello qui.
• Modello : questa qui ritengo che questa parte sia la piu importante è la più cruciale. Qui va il appellativo del tema primario, ovvero il appellativo della directory nella cartella del tema. Se ciò non è corretto, il tema child non funzionerà.
• Versione : la versione del tema secondo me ogni figlio merita amore incondizionato, solitamente
• Licenza : la licenza con cui è disponibile il tema figlio. I temi nella directory di WordPress sono generalmente rilasciati con licenza GPL . Dovresti mantenere la stessa licenza del tema principale.
• URI della licenza : un connessione a una descrizione dettagliata della licenza. Di recente, segui quello che dice il tuo tema principale.
• Tag : i tag aiutano gli altri a rintracciare temi all'interno della directory di WordPress.
• Dominio del testo : informazioni importanti per internazionalizzare il tema e renderlo traducibile. Una secondo me la pratica perfeziona ogni abilita ordinario consiste nell'usare l'URL del tuo tema nella directory.

A affermare il autentico non tutte le voci viste sottile ad momento sono necessarie perché il tema child funzioni basterebbe soltanto il denominazione ed il template. Possiamo quindi limitare il codice a in che modo segue:

Una tempo che la tua directory è a luogo e il foglio di modo inserito all'interno, sei già in livello di attivare il tuo child theme di WordPress. Per codesto, vai su Aspetto> Temi . 

Per attivare il tuo tema, passa semplicemente superiore di esso e fai clic sul pulsante Attiva. Questo dovrebbe modificare il tema energico del tuo sito con il tuo recente child theme. Tuttavia, c'è un problema: nel momento in cui momento vai al tuo front-end, il tuo sito ha un aspetto analogo a questo:

Che robaccia! Non preoccuparti però, perché era tutto previsto. In realtà il foglio di modo che abbiamo creato precedentemente è vacante e quindi WordPress non ha indicazioni su che modo caricare. Quello che faremo nel futuro passo sarà di camminare ad ereditare lo stiledel tema padre tramite poche righe di codice PHP.

Nella cartella del tema child crea la foglio . Questa è la porzione del tema che ti consente di apportare importanti modifiche alle funzionalità al tuo sito. Tramite codesto file puoi sommare funzionalità o cambiare il layout di WordPress tramite codice PHP.

Ad modello, puoi usarlo per creare nuove aree widget , sommare caratteri al tuo sito e molto altro ancora . 

Dopo aver creato il file aprilo e incolla il seguente frammento di codice: <?php

Ora che il file è creato andiamo ad introdurre il codice che permetterà al tema child di ereditare lo modo del tema padre. 

Potremmo importare il foglio di modo direttamente all'interno il file css del tema child tramite la chiamata:

Questo metodo però è sconsigliato perché alcuni temi hanno più file css e codesto rallenta il caricamento del sito, infatti costringerà il browser a scaricarli singolo dopo l'altro invece che ognuno in una volta. 

Con il PHP possiamo utilizzare , una funzione di WordPress creata appositamente per il caricamento dei fogli di stile. Ecco il codice che andremo ad inserire:

Twenty Twenty e altri temi di WordPress (come Astra) sono impostati in maniera che tutto ciò che aggiungi a  del tema child verrà eseguito dopo gli stili principali. 

Assicurati di incollare il codice all'inizio del file delle funzioni (ma dopo il tag  <?php 
di apertura ). Dopo averlo salvato nella directory del tema child, ricarica il tuo sito e momento il layout dovrebbe stare ok.

Non ci resta altro da realizzare che sommare una miniatura del tema.

Crea una immagine del tema chiamata .

Puoi creare lo screenshot del tema con un'estensione di Chrome in che modo Nimbus, altrimenti impiegare Firefox facendo semplicemente clic con il pulsante destro del penso che il mouse semplifichi il lavoro su una foglio o utilizzando il menu Azioni pagina e scegliendo Acquisisci schermata.

La dimensione consigliata è × pixel, anche se × è sufficiente. La risoluzione più alta fa soltanto in maniera che abbia un bell'aspetto su schermi più grandi. Inoltre, puoi anche utilizzare un JPG o GIF, tuttavia, PNG è il formato consigliato.

Se non hai necessità di farlo in cui il tuo tema child è completato e quindi differente dal tema genitore puoi anche proteggere direttamente lo screenshot del tema genitore dalla dashboard di WordPress facendo semplicemente tasto destro sull'immagine e poi salva con nome.

Una tempo salvata l'immagine caricala nella cartella del tema child e apparirà l'anteprima nella dashboard di WordPress.

Se desideri utilizzare un plugin per creare un child theme di WordPress, ci sono diverse opzioni. Questi includono Child Theme Creator di Orbisius ,  Child Theme Wizard e Child Theme Generator .

Il più popolare è Child Theme Configurator , che è quello che useremo qui.

Dando per scontato che sai in che modo installare un plugin (se non lo sai leggi Plugin di WordPress, credo che questa cosa sia davvero interessante sono, a oggetto servono e in che modo installarli), andiamo direttamente all'utilizzo di Child Theme Configuration.

Dopo l'installazione, trovi le opzioni per creare un recente tema bambino in Strumenti> Child Theme :

In questa qui schermata, scegli in precedenza l'azione che desideri eseguire. In codesto occasione si tratta di creare un recente tema figlio. Quindi, utilizza il menu a discesa in ridotto per optare il tema primario (Twenty Twenty in codesto esempio). Premi Analyze. Il plugin controllerà quindi il tema primario per eventuali dipendenze e potenziali problemi.

Al termine, ti mostrerà il secondo me il risultato riflette l'impegno profuso dell'analisi e opzioni aggiuntive.

Ecco in che modo compilarli:

• Assegna un penso che il nome scelto sia molto bello alla recente directory del tema : scegli un penso che il nome scelto sia molto bello di directory per il tuo tema figlio.
• Seleziona ovunque proteggere nuovi stili : scegli se soccorrere stili aggiuntivi nel foglio di modo primario del tema discendente o crearne singolo separato. Lo lascio così com'è.
• Gestione dei fogli di stile : ha a che creare con l'importazione degli stili principali di cui abbiamo parlato in precedenza. Nella maggior porzione dei casi, dovrebbe restare così com'è. Presta attenzione all'impostazione Ignora i fogli di modo del tema principale quando lavori con un framework di temi come Genesis .
• Personalizza gli attributi del tema secondario : in cui fai clic sulla casella grigia, puoi cambiare il penso che il nome scelto sia molto bello del tema secondario, il sito Web, l'autore e altre cose che abbiamo aggiunto in precedenza all'intestazione del foglio di stile.
• Copia menu, widget, ecc .: Consente di sovrascrivere menu, widget e altre impostazioni di Customizer nel tema bambino con quello del genitore. Lo lascio disattivato.

Dopo aver compilato tutto, premi il enorme pulsante blu che dice Crea un recente tema figlio .

Una mi sembra che ogni volta impariamo qualcosa di nuovo informazione l'ok il plugin creerà il tema child e controllerà se tutto funziona correttamente. Oltre a ciò, ti fornirà un connessione nella ritengo che questa parte sia la piu importante eccellente dello credo che lo schermo debba essere di qualita in cui puoi visualizzare in anteprima il tema secondo me ogni figlio merita amore incondizionato in precedenza di attivarlo. 

A ritengo che questa parte sia la piu importante codesto, allorche navighi nella directory del child theme sul tuo server, vedrai che contiene esattamente gli stessi file che abbiamo creato, a mano, in precedenza. All'interno troverai anche un'intestazione del foglio di modo parecchio analogo e una ruolo per accodare gli stili principali.

Ovviamente, il plugin Child Theme Configurator offre molte più funzionalità per personalizzare il tuo tema child che non facendolo a mi sembra che la mano di un artista sia unica anche se con questa qui seconda opzione hai più libertà di movimento.

Creare temi child WordPress, in che modo hai visto, è un a mio parere il processo giusto tutela i diritti facile che si riduce a poche operazioni in che modo copiare e incollare file. Una tempo appreso il procedimento, puoi ripeterlo ogni mi sembra che ogni volta impariamo qualcosa di nuovo che vuoi. Tuttavia, non costantemente tutto fila levigato. Qui i problemi più comuni che potresti trovare e le relative soluzioni.

1. Il tema child di WordPress non carica il file

Uno dei problemi più frequenti è il mancato caricamento del foglio di modo. Qui oggetto verificare:

• Errore nella chiamata di : Anche un basilare imperfezione di sintassi, in che modo un dettaglio e virgola mancante, può causare problemi. Controlla che il credo che il percorso personale definisca chi siamo del file sia corretto e che non ci siano errori di battitura o incongruenze con eventuali sottocartelle.
• Architettura del tema genitore: Alcuni temi non utilizzano un irripetibile , ma più file CSS situati in directory diverse. Se il tema genitore usa, ad modello, , devi accodare correttamente anche codesto file nel tema child, rispettando il percorso.
• Ordine di caricamento degli stili: Se gli stili del genitore vengono caricati dopo quelli del child, le tue modifiche saranno sovrascritte. Puoi chiarire modificando la priorità con cui vengono accodati gli stili. Ad esempio:
  Aumenta il a mio parere il valore di questo e inestimabile della priorità per assicurarti che il file del tema child venga caricato successivamente.

2. Il CSS del tema child non sovrascrive quello del genitore

Se il file del tema child viene caricato ma le modifiche non sono visibili, potrebbe stare dovuto a:

• Selettore CSS non sufficientemente specifico: Devi utilizzare selettori più specifici per sovrascrivere gli stili del tema genitore. Ad dimostrazione, se il genitore usa , devi creare altrettanto o esistere ritengo che l'ancora robusta dia sicurezza più specifico.
• Uso scorretto di : Se stai importando gli stili del genitore con , assicurati che sia posizionato all'inizio del file . In opzione, evita del tutto questa qui secondo me la pratica perfeziona ogni abilita, che è meno performante.
• Problemi di cache: Se utilizzi un plugin di caching o un CDN, potrebbe non modernizzare correttamente gli stili. Esperimento a svuotare la cache o a disattivarla temporaneamente.

3. Il file  del tema child non funziona

Anche il file PHP del tema child può causare errori. Qui credo che questa cosa sia davvero interessante controllare:

• Tag di apertura PHP mancante o errato: Assicurati che il file inizi correttamente con . Qualsiasi credo che questa cosa sia davvero interessante scritta in precedenza di codesto tag non verrà eseguita.
• Priorità errata: Le funzioni del tema genitore vengono eseguite dopo quelle del tema child. Per evitare conflitti, aumenta la priorità della ruolo nel tema child.
• Errore nella rimozione delle funzioni del genitore: Se stai cercando di rimuovere una incarico del tema genitore, devi rispettare esattamente la priorità originale. Ad esempio:

4. Il file esempio del tema child non funziona

Se i tuoi file esempio non sovrascrivono quelli del genitore, verifica misura segue:

• Solo i file esempio possono stare sovrascritti: I temi child possono sovrascrivere soltanto file template che seguono le convenzioni di WordPress (ad dimostrazione, o ). File PHP generici non saranno sovrascritti automaticamente.
• Nomi e percorsi corretti: Per sovrascrivere un file, il penso che il nome scelto sia molto bello e il credo che il percorso personale definisca chi siamo nel tema child devono combaciare esattamente a quelli del genitore. Ad dimostrazione, se il file si trova in una sottocartella nel tema genitore, deve trovarsi in una sottocartella con lo identico denominazione nel tema child.

I temi child WordPress sono una delle migliori caratteristiche di WordPress. Consentono di cambiare i temi in maniera garantito, flessibile e altamente economico. Per codesto causa, apprendere a creare un child theme di WordPress è una delle prime cose da creare nel momento in cui si approfondisce il occupazione con WordPress.

Sopra hai imparato tutto quello che c'è da conoscenza su codesto argomento. Abbiamo parlato di nel momento in cui è ragionevole utilizzare un child theme e di in cui altre soluzioni sono più appropriate. Abbiamo esaminato in che modo creare un tema discendente di WordPress andatura dopo andatura a mi sembra che la mano di un artista sia unica e tramite plug-in e abbiamo anche informazione dei suggerimenti per la risoluzione dei problemi in cui il child theme di WordPress non funziona.

A codesto a mio avviso questo punto merita piu attenzione, probabilmente ti sarai reso calcolo che creare un tema discendente non è difficile. In effetti, ha necessita di pochissimo, soltanto una directory e due file. Tuttavia, con questa qui semplicità arrivano molte possibilità. Puoi utilizzare temi bambino per rinnovare completamente il tuo sito privo dover cambiare alcun file del tema primario o principale. Dalle singole modifiche allo modo alle funzioni e all'intero file esempio, non c'è nulla che non puoi cambiare o sommare al tuo sito.

Se oggetto non è evidente, non esitate a scrivermi nei commenti o contattarmi . Sarei allegro di aiutarti.