Di solito, è quasi impossibile trovare il tema perfetto; ci sono sempre alcune modifiche che devono essere fatte. Quindi, perché non prendere un bel tema predefinito di WordPress, come Twenty Fifteen, e renderlo tuo in modo che appaia e funzioni nel modo desiderato? Creazione di un tema bambino vi farà risparmiare un sacco di tempo e mal di testa lungo la strada (fidati di me).
Posso parlare per esperienza diretta., Ho “ereditato” un sito WordPress in cui lo sviluppatore aveva appena hackerato il tema principale, e ricordo ancora quanto fosse frustrante che non potessi effettivamente aggiornare il tema nel timore che sovrascrivesse le personalizzazioni che davano al sito la sua funzionalità. Non sapevo cosa fosse il codice originale e cosa fosse personalizzato, quindi lì si è seduto, senza possibilità di aggiornamenti.
La storia ha un lieto fine, però. Ero più recente a WordPress al momento, quindi mi ha insegnato presto che alterare un tema genitore non era una buona idea., Quando il sito è stato finalmente ridisegnato, il primo elemento di business è stato quello di prendere le personalizzazioni e metterli in un tema figlio.
Un tema figlio ti consente di lavorare in un luogo separato senza che il tuo lavoro venga sovrascritto da un futuro aggiornamento del tema genitore. Tecnicamente parlando, quando si crea un tema figlio, si crea un set separato di file che è possibile utilizzare per personalizzare il tema senza influire sul tema padre originale. Se si apportano modifiche ai file di un tema principale, tali modifiche verranno sovrascritte al successivo aggiornamento del tema., Questo è un grosso problema perché gli aggiornamenti possono includere modifiche alle funzionalità, correzioni di bug e importanti misure di sicurezza. È fondamentale mantenere aggiornato il tema genitore e utilizzare un tema figlio per eventuali personalizzazioni.
Nozioni di base del tema figlio
I temi figlio sono temi separati creati che si basano su un tema genitore per le sue funzionalità di base. Quando si utilizza un tema figlio, WordPress sa di fare riferimento e cercare qualsiasi funzionalità inclusa., Questo è fantastico perché ti permette di modificare solo le parti del tema genitori che devi cambiare, rendendo questo un modo molto efficiente per aggiungere personalizzazioni al tuo sito WordPress.
Per scavare un po ‘ più a fondo, ecco come funzionano i temi figlio a livello di file. WordPress controlla se un file necessario è incluso nel tema figlio. Se è incluso, il file del tema figlio viene caricato. Se non ce n’è uno nel tema figlio, il file nel tema padre viene caricato. L’unica eccezione a questo sono le funzioni.file php, in cui vengono caricate entrambe le versioni padre e figlio., In genere, ci sono informazioni cruciali nelle funzioni.file php. Se WordPress ha caricato solo la versione del tema figlio (a meno che tu non abbia copiato tutto), il sito non funzionerebbe correttamente. Per fortuna, WordPress carica entrambi i file, quindi non devi preoccuparti di copiare l’intera funzione.file php nel tuo tema figlio.
Ricorda, puoi sempre disattivare il tema figlio e tornare all’originale, se necessario. Si tratta di una strada a senso unico però; non è possibile disattivare il genitore e fare affidamento sul tema bambino.
Se stai aggiungendo personalizzazioni a un tema WordPress, è meglio usare un tema figlio., Pronto a creare il proprio? Ora andremo attraverso il processo, passo dopo passo.
Creare un tema figlio
Non è così complesso come potrebbe sembrare crearne uno. In effetti, tecnicamente tutto ciò di cui hai bisogno sono solo due file:un file style.css e un file functions.php. La maggior parte dei temi bambino hanno più di questo, ma tecnicamente parlando, quelli sono gli unici necessari due.
Per creare un tema figlio, è necessario disporre di WordPress installato insieme a un tema genitore che si desidera utilizzare.
Ricorda: non dovresti mai apportare modifiche su un sito live., La nostra applicazione gratuita di sviluppo locale, Locale, vi aiuterà a semplificare il flusso di lavoro e sperimentare in modo sicuro con il tuo sito. Provalo oggi!
Crea una directory del tema
Per prima cosa, vai alla directory del tema e crea una cartella per il tuo nuovo tema. Dagli un nome riconoscibile. Per questo esempio, nominerò il mio temachild-example quindi è facile da trovare.
Crea il foglio di stile del tema figlio
Il prossimo passo cruciale è creare il foglio di stile del tema figlio., Crea un filestyle.css. Tieni presente che deve essere chiamato style.css affinché le cose funzionino correttamente.
Successivamente, dovrai includere alcune informazioni sul tuo tema.
Copia e incolla questo nelstyle.css file:
Questo può sembrare molto, ma ce ne sono solo due che sono necessari, che sonoTheme Name eTemplate. IlTheme Name indica a WordPress il nome del tema figlio., Template indica a WordPress quale tema dovrebbe considerare come tema principale, il che è molto importante.
La maggior parte degli altri sono piuttosto auto-esplicativi, ma ci sono un paio che potrebbero aver bisogno di un po ‘ più di chiarimenti. Il Text DomaineTags potrebbe essere un po ‘ confuso. Il Text Domain viene utilizzato per tradurre stringhe a fini di internazionalizzazione., Questo è unico per il tuo tema e dovrebbe essere usato ogni volta che usi le funzioni di traduzione. Ci sono molte più informazioni nel Codice e possono essere trovate nell’argomento di I18n per gli sviluppatori di WordPress. La sezioneTags è un elenco di tag specifici per il tema WordPress. Per questo esempio, ho guardato il genitore Twenty Fifteen style.css, ho afferrato i tag da lì e li ho inseriti nel tema figlio.
Utilizza gli stili genitore
Ricorda come WordPress cerca prima i file del tema figlio?, In questo momento, il tema bambino funziona, ma non sembra molto lucido perché non hai ancora fatto nessuno stile. Se lo attivi e ricarichi la pagina, sembrerà un po ‘ disordinato. Probabilmente sarà simile a questo:
Risolviamo questo problema in modo che ricada sul tema genitore e ci sarà almeno un po ‘ di stile applicato. Sarà ancora utilizzare il tema bambino per il vostro stile personalizzato, ma prima, cerchiamo di ottenere lo stile genitore per mostrare.,
Per essere sicuri di caricare il foglio di stile del file genitore, dovremo accodarlo nel tema figlio. Avrai bisogno di un filefunctions.php nel tema figlio per inserire il seguente frammento.
Fare una personalizzazione CSS
Ora che gli stili genitore stanno mostrando, cambiamo alcuni dei CSS per la personalizzazione del tema figlio. Per questo esempio, lo styling di un elemento di sfondo per il contenuto della pagina è un buon modo per vedere il tema figlio in azione., E ‘ stato in stile bianco nel CSS tema genitore, ma cerchiamo di cambiare in blu nel vostro tema bambino. Ricorda, gli stili padre vengono caricati per primi e le tue personalizzazioni verranno caricate dopo, quindi quelli saranno ciò che vedremo.
Se sei un utente di Chrome, gli strumenti di sviluppo sono molto utili per vedere lo stile e sperimentare nel browser. Vai a Visualizza> Sviluppatore> Visualizza Sorgente e seleziona elementi della pagina. Gli stili saranno mostrati a destra. Ho ispezionato l’articolo che aveva una classe .hentry con uno sfondo bianco., Ho incollato un valore esadecimale per testarlo prima nel browser.
Per apportare questa modifica, aprire il file CSS nel tema figlio e aggiungere le informazioni CSS.
Come puoi vedere, le modifiche di stile possono essere facilmente apportate nel tema figlio.,
Modificare la funzionalità del tema figlio
Regolare lo stile è abbastanza semplice, ma per quanto riguarda altre cose come l’intestazione, il piè di pagina, la barra laterale, ecc.? Diciamo che ci sono alcune modifiche da apportare nel piè di pagina. Copia e incolla il piè di pagina dal tema genitore nel bambino. Il filefooter.php può essere aperto nell’editor di testo di tua scelta e modificato. Ho deciso di rimuovere la linea” Orgogliosamente powered by WordPress”, quindi l’ho cancellata dal file nel mio tema figlio., Questo è ora il file che WordPress caricherà per primo, in modo che la riga di testo non venga mostrata.
La creazione di un tema figlio è una buona abitudine per entrare in quando si creano temi WordPress. Con pochi semplici passaggi, sono facili da creare e mantenere. Mantenere le personalizzazioni separate dai temi principali è utile sia per scopi organizzativi che per mantenere tutto aggiornato, il che farà risparmiare un sacco di mal di testa lungo la strada.
