Solo una manciata di utenti di WordPress utilizza un tema figlio e questo perché molti utenti non sanno cosa sia un tema figlio o Creazione di un tema figlio^{(Creating Child Theme)} in WordPress . Bene^(Well) , la maggior parte delle persone che utilizzano WordPress tende a modificare o personalizzare il proprio tema, ma tutta quella personalizzazione viene persa quando si aggiorna il tema ed è qui che arriva l'uso del tema figlio. Quando utilizzi un tema figlio, tutte le tue personalizzazioni verranno salvate e potrai aggiornare facilmente il tema principale.

Creazione di temi figlio in WordPress

Creazione di un tema figlio da un tema padre non modificato^{(Creating a Child Theme from an Unmodified Parent Theme)}

Per creare un tema figlio in WordPress devi accedere al tuo cPanel e navigare su public_html quindi wp-content/themes dove devi creare una nuova cartella per il tuo tema figlio (esempio /Twentysixteen-child/). Assicurati di non avere spazi nel nome della directory del tema figlio che potrebbero causare errori.

Consigliato:^{(Recommended:)} puoi anche utilizzare il plug-in Tema figlio con un clic^{(One-Click Child Theme plugin)} per creare un tema figlio (solo da un tema genitore non modificato).

Ora devi creare un file style.css per il tuo tema figlio (all'interno della directory del tema figlio che hai appena creato). Una volta creato il file, copia e incolla il seguente codice ( Modifica^(Change) i dettagli di seguito in base alle specifiche del tuo tema):

/*
 Theme Name: Twenty Sixteen Child
 Theme URI: http://example.com/twenty-sixteen-child/
 Description: Twenty Sixteen Child Theme
 Author: WordPress Team
 Author URI: http://example.com
 Template: twentysixteen
 Version: 1.3.0
 License: GNU General Public License v3 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

Nota: ^(Note: ) la riga del modello^(Template) ( Modello^(Template) : ventiseidici) deve essere modificata in base al nome corrente della directory del tema (il tema principale di cui stiamo creando il figlio). Il tema principale nel nostro esempio è il tema Twenty Sixteen , quindi il modello^(Template) sarà ventisedici.

In precedenza @import veniva utilizzato per caricare il foglio di stile dal genitore al tema figlio, ma ora non è un buon metodo poiché aumenta la quantità di tempo per caricare il foglio di stile. Invece di usare @import, è meglio usare le funzioni PHP nel file functions.php del tuo tema figlio per caricare il foglio di stile.

Per utilizzare il file functions.php devi crearne uno nella directory del tema figlio. Usa il seguente codice nel tuo file functions.php:

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}
?>

Il codice sopra funziona solo se il tuo tema principale utilizza un solo file .css per contenere tutto il codice CSS .

Se il tuo tema figlio style.css contiene effettivamente codice CSS (come normalmente fa), dovrai anche accodarlo:

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>

È ora di attivare il tema figlio, accedere al pannello di amministrazione, quindi andare su Appearance > Themes e attivare il tema figlio dall'elenco di temi disponibile.

Nota:^(Note:) potrebbe essere necessario salvare nuovamente il menu ( Appearance > Menus ) e le opzioni del tema (incluse le immagini di sfondo e di intestazione) dopo aver attivato il tema figlio.

Ora ogni volta che vuoi apportare modifiche al tuo style.css o functions.php puoi farlo facilmente nel tuo tema figlio senza influire sulla cartella del tema principale.

Creazione di un tema figlio^{(Child Theme)} in WordPress dal tema principale, ma la maggior parte di voi ha già personalizzato il tema, quindi il metodo sopra non ti aiuterà affatto. In tal caso, scopri come aggiornare un tema WordPress senza perdere la personalizzazione.

Se spero che questo articolo ti sia stato utile, ma se hai ancora domande su questa guida, sentiti libero di chiedere loro nei commenti.

Creating Child Theme in WordPress

Оnly a handful of WordPress users uses a child theme and that’s because many of the users don’t know what is a child theme or Creating Child Theme in WordPress. Well, most of the people using WordPress tend to edit or customize their theme but all that сustomization is lost when you update your theme and that’s where the use of child theme comes. When you use a child theme then all your customіzаtion will be saved and you can easily update the parent theme.

Creating a Child Theme from an Unmodified Parent Theme

In order to create a child theme in WordPress you need to login to your cPanel and navigate to the public_html then wp-content/themes where you have to create a new folder for your child theme (example /Twentysixteen-child/). Make sure you don’t have any spaces in the name of child theme directory which may result in errors.

Recommended: You can also use One-Click Child Theme plugin to create a child theme(only from an unmodified parent theme).

Now you need to create a style.css file for your child theme (inside the child theme directory you just created). Once you have created the file just copy and paste the following code (Change below details according to your theme specifications):

/*
 Theme Name: Twenty Sixteen Child
 Theme URI: http://example.com/twenty-sixteen-child/
 Description: Twenty Sixteen Child Theme
 Author: WordPress Team
 Author URI: http://example.com
 Template: twentysixteen
 Version: 1.3.0
 License: GNU General Public License v3 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

Note: The Template line (Template: twentysixteen) is to be changed according to your current name of the theme directory(the parent theme whose child we are creating). The parent theme in our example is the Twenty Sixteen theme, so the Template will be twentysixteen.

Earlier @import was used to load the stylesheet from parent to the child theme, but now it’s not a good method as it increases the amount of time to load the stylesheet. In place of using @import its best to use PHP functions in your child theme functions.php file to load the stylesheet.

In order to use functions.php file you need to create one in your child theme directory. Use the following code in your functions.php file:

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}
?>

The above code only works if your parent theme uses only one .css file to hold all the CSS code.

If your child theme style.css contain actually CSS code (as it normally does), you will need to enqueue it as well:

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>

It’s time to activate your child theme, login to your admin panel then go to Appearance > Themes and activate your child theme from the available list of themes.

Note: You may need to re-save your menu (Appearance > Menus) and theme options (including background and header images) after activating the child theme.

Now whenever you want to make changes to your style.css or functions.php you can easily do that in your child theme without affecting the parent theme folder.

Creating Child Theme in WordPress from your parent theme, but most of you have already customized your theme then the above method is not going to help you at all. In that case, check out how to update a WordPress Theme without losing customization.

If hope this article was helpful to you but if you still have any question regarding this guide please feel free to ask them in comments.

Nicolas D'amico

About the author

Sono un revisore professionista per Windows e software per ufficio. Ho una profonda conoscenza di questi programmi, nonché delle loro varie caratteristiche e capacità. Le mie recensioni sono obiettive e dettagliate, in modo che i potenziali clienti possano vedere come funziona il programma e quali miglioramenti potrebbero essere apportati. Mi piace anche aiutare le persone a trovare le migliori app per le loro esigenze, sia attraverso le recensioni che trovando le migliori offerte sulle app.

Creazione di temi figlio in WordPress

Creazione di temi figlio in WordPress

Creazione di un tema figlio da un tema padre non modificato^{(Creating a Child Theme from an Unmodified Parent Theme)}

Creating Child Theme in WordPress