Perché non dovresti mai personalizzare WordPress nel tema principale esistente? Cosa succede alle tue personalizzazioni quando il tema che stai utilizzando viene aggiornato?

La risposta è che sono persi e anche il tuo duro lavoro per creare il tuo sito in base al tuo marchio e alle linee guida e alle preferenze di messaggistica andrà perso.

Un tema figlio ti consente di creare un foglio di stile CSS separato^{(child theme enables you to create a separate CSS stylesheet)} e aggiungere funzionalità aggiuntive che non andranno perse o alterate quando il tema principale viene aggiornato.

Questo può essere fatto manualmente o installando un plug-in per la creazione di temi figlio. Iniziamo con il processo manuale.

Crea una nuova directory^{(Create a New Directory)}

Inizia^(Start) creando una nuova directory per il tuo tema figlio. Puoi usare un client FTP o accedere alla tua directory ^{(FTP client)}wp-content/themes esistente tramite il tuo cPanel.

Per utilizzare cPanel, vai al pannello di controllo del tuo hosting. Seleziona il file manager^{(file manager)} e vai alla directory in cui è installato WordPress .

Di solito si trova in una directory denominata public_html . Individua e apri la cartella wp-content . Fai clic su Crea nuova cartella^{(create new folder)} e inserisci un nome per il tema del tuo bambino. Assicurati di dargli un nome che riconoscerai in seguito. Un buon esempio è nameofparenttheme-child .

Non includere spazi nel nome del file per evitare errori.

A causa della gestione interna, il nome della cartella deve includere il nome del tema principale (tema 'slug') come mostrato nell'esempio seguente.

Crea un foglio di stile CSS^{(Create a CSS Stylesheet)}

I fogli di stile vengono utilizzati nei temi di WordPress per due motivi.

• È la posizione degli stili che influiscono sull'aspetto del tuo sito.
• Il foglio di stile principale di un tema è il punto in cui WordPress cerca informazioni sul tema.

Potresti non voler aggiungere nuovi stili nel tema figlio. Tuttavia, il foglio di stile deve ancora esistere per definire specifiche come il nome del tema e il nome del tema principale.

Pertanto, è necessario creare un nuovo foglio di stile per il tema figlio. Quindi, il tuo prossimo passo è creare un file di testo per il foglio di stile CSS che definirà le regole che controllano l'aspetto del tuo tema figlio.

Il file CSS^(CSS) del tema figlio avrà quindi la precedenza sul tema principale.

È necessario includere le seguenti informazioni nel file di testo:

• Il nome del tuo tema.
• Il nome della directory del tema principale.
• Titolo e descrizione che hanno senso.

Assicurati di includere nel foglio di stile il seguente commento di intestazione nella parte superiore del file. WordPress leggerà queste informazioni e saprà che viene utilizzato un tema figlio.

Vuoi prestare molta attenzione al tag del modello. Dice a WordPress qual è il tema principale di tuo figlio. Tieni presente che la cartella in cui si trova il tema principale fa distinzione tra maiuscole e minuscole.

Tecnicamente, ora puoi attivare il tuo tema figlio. Tuttavia, se desideri creare un tema figlio più complesso, dovrai aggiungere funzioni PHP personalizzate .

Crea un file functions.php nel tema figlio (nella stessa directory del file style.css che hai creato). È qui che dovrebbero essere aggiunti elementi come formati di post aggiuntivi.

Come con il tuo file CSS , le modifiche o le aggiunte al tuo file PHP verranno automaticamente unite o sovrascriveranno le funzioni del genitore.

Per cose come i formati di post che vengono aggiunti con un add_theme_support() , agiscono come sostituzioni anziché unioni.

Quando si utilizza add_theme_support() , è necessario eseguire alcuni passaggi aggiuntivi per garantire che il tema figlio sostituisca il genitore.

Questo può diventare complicato, quindi fai riferimento all'attuale team di revisione dei temi di WordPress^{(WordPress Theme Review Team)} che guida il post di William Patton sull'utilizzo dei formati di post di WordPress^{( post on using WordPress post formats)} . 

Aggiungi stili e script per sovrascrivere la funzionalità del tema principale^{(Add Styles & Scripts To Override Parent Theme Functionality)}

Il tuo prossimo passo è assicurarti che il tuo tema figlio erediti le caratteristiche e gli stili del tema principale o rifletta quelli nuovi che desideri utilizzare.

Gli stili sono usati per cambiare l'aspetto del tuo sito web. Gli script^(Scripts) migliorano la funzionalità. Il modo in cui gli stili e gli script vengono aggiunti al tuo sito WordPress è essenziale quanto il contenuto dei file.

La funzionalità di accodamento di WordPress è come ottenere questo risultato.

L'accodamento si riferisce al modo in cui stili e script vengono aggiunti ai siti WordPress in modo che possano influenzare ciò che gli utenti vedono quando visitano il tuo sito.

L'utilizzo di numerosi plug-in per ottenere lo stesso risultato porta spesso a problemi di compatibilità e siti danneggiati.

Wp_enqueue non solo migliora le prestazioni del tuo sito Web riducendo l'overhead del plug-in, ma migliora anche l'esperienza dell'utente.

Come usare 'wp_enqueue'^{(How To Use ‘wp_enqueue’)}

Per generare gli stili per il tuo tema figlio, dovrai utilizzare una funzione chiamata wp_enqueue_style() .

Questa funzione richiede alcune informazioni, ma la più importante è il nome (o 'handle') e la posizione del file.

All'interno del file functions.php aggiungi il seguente codice.

Questo codice aggiunge il foglio di stile dalla directory padre e quindi aggiunge anche il foglio di stile per il figlio che abbiamo creato in precedenza. Nota che il testo in stile genitore^{(parent-style)} dovrebbe corrispondere al nome del tema genitore con -style aggiunto alla fine.

Attiva il tema del tuo bambino^{(Activate Your Child Theme)}

Se hai creato i file per il tuo tema figlio sul server all'interno della cartella wp-content/themes/yourthemename , sarà quindi disponibile nella dashboard di WordPress per l'attivazione.

• Accedi alla tua dashboard.
• Vai su Appearance > Themes .
• Il tuo tema figlio dovrebbe essere elencato.
• Seleziona Anteprima^(Preview) per vedere come appare il sito con il nuovo tema figlio.
• Una volta che sei soddisfatto di come appare, fai clic su Attiva^{(Activate )} per renderlo attivo.

Se hai creato il tuo tema figlio in un luogo diverso dal server nella cartella wp-content/themes/yourthemename , dovresti comprimere la tua nuova cartella del tema figlio.

• Accedi alla dashboard di WordPress.
• Vai su Appearance > Themes .
• Fare clic su Aggiungi nuovo^{(Add new)} .
• Scegli Carica tema^{(Upload Theme)} .
• Trascina^(Drag) il tuo file zippato nella nuova casella che appare o fai clic sul selettore di file e cercalo sul tuo computer.
• Una volta caricato, puoi visualizzarlo in anteprima e quindi attivarlo.

Aggiungi file modello^{(Add Template Files)}

Per sovrascrivere altri modelli, puoi copiarli dal tema principale nel tema figlio. Tutti i file modello che hanno lo stesso nome nel figlio come nel genitore agiscono come sostituzioni. Quindi regola il contenuto dei modelli secondo necessità.

Per aggiungere nuovi modelli^{(To add new templates)} , è sufficiente creare un nuovo file con il nome corretto e aggiungere il proprio contenuto. La sezione precedente spiega il processo manuale.

Ora esaminiamo come creare temi figlio con un plugin per WordPress .

Usa un plugin per WordPress^{(Use a WordPress Plugin)}

Accedi^(Log) alla dashboard di WordPress . ^(WordPress)Fare clic^(Click) su Plugins > Add New . Cerca il tema figlio.^{(child theme.)}

Il primo plugin che vedrai è il Child Theme Configurator . Questa è una buona scelta, come si vede nello screenshot qui sopra, perché:

• È compatibile con la versione corrente di WP.
• Ha molte installazioni.
• È stato aggiornato di recente.

Fare clic su Install now > Activate . Il passaggio successivo consiste nel passare a Strumenti^(Tools) e quindi selezionare i temi figlio.^{(child themes.)}

Trova^(Find) e seleziona il tuo tema principale dal menu a discesa. Scegli analizza^(analyze) per assicurarti che il tuo tema possa essere utilizzato come tema figlio.

Di seguito^(Below) è riportato un tutorial passo passo su come configurare Child Theme Configurator . Se decidi di utilizzare un plug-in WordPress diverso , puoi trovare facilmente anche un tutorial su come configurarlo.

Come ora sai, i temi figlio sono temi distinti che si basano sul tema principale per alcune delle loro funzionalità.

Quando usi un tema figlio, WordPress cercherà il bambino prima del genitore e seguirà lo stile e la funzionalità del bambino, se esiste.

Risparmia molto tempo, problemi e mal di testa futuri quando il tema principale si aggiorna creando un figlio che non sarà interessato dall'aggiornamento.

How To Create a WordPress Child Theme

Why should you never customize WordPrеsѕ in the existing parеnt theme? What happens to your customizatіons when the theme you are uѕing is updated?

The answer is they are lost, and your hard work to create your site according to your brand and messaging guidelines and preferences will also be lost.

A child theme enables you to create a separate CSS stylesheet and add additional functionality that will not be lost or affected when the parent theme is updated.

This can be done manually or by installing a child theme creator plugin. Let’s start with the manual process.

Create a New Directory

Start by creating a new directory for your child theme. You can use an FTP client or access your existing wp-content/themes directory via your cPanel.

To use cPanel, go to your hosting control panel. Select file manager and navigate to the directory where WordPress is installed.

This is usually in a directory named public_html. Locate and open the wp-content folder. Click on create new folder and input a name for your child theme. Be sure to give it a name that you will recognize later. A good example is nameofparenttheme-child.

Do not include any spaces in your file name to avoid errors.

Due to internal handling, the folder name must include the name of the parent theme (theme ‘slug’) as shown in the example below.

Create a CSS Stylesheet

Stylesheets are used in WordPress themes for two reasons.

• It is the location of the styles that affect how your site looks.
• A theme’s main stylesheet is where WordPress looks to find information about the theme.

You may not want to add any new styles in the child theme. However, the stylesheet still needs to exist to define specifics such as your theme name and the parent theme name.

Therefore, you need to create a new stylesheet for your child theme. So, your next step is to create a text file for the CSS stylesheet that will define the rules that control the look of your child theme.

The child theme CSS file will then take precedence over the parent theme.

You need to include the following information in your text file:

• Your theme’s name.
• The name of the parent theme directory.
• Title and description that makes sense.

Be sure to include in the stylesheet the following header comment at the top of the file. WordPress will read this information and know that a child theme is being used.

You want to pay close attention to the template tag. It tells WordPress what the parent theme of your child is. Note that the folder where your parent theme is located is case sensitive.

Technically, you can now activate your child theme. However, if you want to create a more complex child theme, you will need to add custom PHP functions.

Create a functions.php file in the child theme (in the same directory as the style.css file you made). This is where things like additional post formats should be added.

As with your CSS file, the changes or additions to your PHP file will automatically be merged with or override the parent’s functions.

For things like post formats that are added with an add_theme_support(), they act as overrides instead of merges.

When using add_theme_support(), you need to take some additional steps to ensure that the child theme overrides the parent.

This can get complicated, so refer to the current WordPress Theme Review Team lead William Patton’s post on using WordPress post formats. 

Add Styles & Scripts To Override Parent Theme Functionality

Your next step is to make sure your child theme either inherits the parent theme’s features and styles or reflects the new ones you want to use.

Styles are used to changing the appearance of your website. Scripts enhance functionality. The way styles and scripts are added to your WordPress site is as essential as the contents of the files.

WordPress’ enqueue functionality is how to get this accomplished.

Enqueueing refers to the way styles and scripts are added to WordPress sites so that they can affect what users see when they visit your site.

Using numerous plugins to achieve the same result often leads to compatibility issues and broken sites.

Wp_enqueue not only improves your website’s performance by way of reducing plugin overhead, but it also enhances the user experience.

How To Use ‘wp_enqueue’

To output the styles for your child theme, you will need to use a function called wp_enqueue_style().

This function takes a few bits of information, but the most important is the name (or ‘handle’) and the location of the file.

Inside the functions.php file add the following code.

This code adds the stylesheet from the parent directory and then also adds the stylesheet for the child which we created earlier. Note that the parent-style text should match the name of the parent theme with -style added to the end.

Activate Your Child Theme

If you created the files for your child theme on the server inside the wp-content/themes/yourthemename folder, it would then be available in your WordPress dashboard for you to activate.

• Log into your dashboard.
• Go to Appearance > Themes.
• Your child theme should be listed.
• Select Preview to see how the site looks with the new child theme.
• Once you are satisfied with how it looks, click Activate to make it go live.

If you created your child theme somewhere other than on the server in the wp-content/themes/yourthemename folder, then you should zip your new child theme folder.

• Log into your WordPress dashboard.
• Go to Appearance > Themes.
• Click Add new.
• Choose Upload Theme.
• Drag your zipped file to the new box that appears or click the file selector and browse to it on your computer.
• Once it has been uploaded, then you can preview it and then activate it.

Add Template Files

To override other templates, you can copy them from the parent theme into the child theme. Any template files that have the same name in the child as in the parent act as overrides. Then adjust the contents of the templates as needed.

To add new templates, it’s just a case of making a new file with the correct name and adding your own content. The above section explains the manual process.

Now let’s go over how to create child themes with a WordPress plugin.

Use a WordPress Plugin

Log into your WordPress dashboard. Click on Plugins > Add New. Search for child theme.

The first plugin you will see is the Child Theme Configurator. This is a good choice, as seen in the screenshot above, because it:

• Is compatible with the current version of WP.
• Has a lot of installations.
• Was recently updated.

Click on Install now > Activate. The next step is to navigate to Tools and then select child themes.

Find and select your parent theme from the drop-down menu. Choose analyze to make sure your theme is ok to use as a child theme.

Below is a step-by-step tutorial on how to set up Child Theme Configurator. If you decide to use a different WordPress plugin, you can easily find a tutorial on how to set it up as well.

As you now know, child themes are distinct themes that rely on their parent theme for some of their functionality.

When you use a child theme, WordPress will look for the child before the parent and follow the styling and functionality of the child if it exists.

Save yourself a lot of time, trouble, and future headaches when the parent theme updates by creating a child that will not be affected by the update.

Related posts

• Creare Child Theme in WordPress

• Come configurare il tuo sito Web simile a Twitter utilizzando il tema P2 di WordPress

• Come spostarsi WordPress site da un host a un altro

• Come installare e configurazione WordPress su Microsoft Azure

• Come correre Blowingly Fast WordPress su Microsoft Azure

• Come configurare Privacy in WordPress e perché è importante

• Come aumentare le prestazioni in WordPress attraverso una pulizia del database

• Come installare un tema su WordPress

• Come velocizzare un sito WordPress in 11 passaggi

• Come proteggere con password le pagine sul tuo sito Web WordPress

• Come fare uno WordPress Site Secure

• Come eseguire test divisi efficaci in WordPress

• Wix Vs WordPress: qual è il migliore per creare il tuo sito web?

• Come installare WordPress su Google Cloud Platform

• WordPress Jetpack: cos'è e vale la pena installarlo?

• Recensione del libro: costruisci il tuo sito web: una guida a fumetti per HTML, CSS e Wordpress

• 9 Plugin indispensabili per le nuove installazioni di WordPress

• Come rimuovere malware dal tuo sito WordPress

• Come eseguire il backup del tuo sito WordPress

• Come modificare l'URL di accesso di WordPress per una maggiore sicurezza