Endast en handfull WordPress- användare använder ett barntema och det beror på att många av användarna inte vet vad som är ett barntema eller Creating Child Theme i WordPress . Tja^(Well) , de flesta som använder WordPress tenderar att redigera eller anpassa sitt tema men all den anpassningen går förlorad när du uppdaterar ditt tema och det är där användningen av barntema kommer. När du använder ett barntema kommer all din anpassning att sparas och du kan enkelt uppdatera överordnadstemat.

Skapa barntema i WordPress

Skapa ett barntema från ett oförändrat överordnadstema^{(Creating a Child Theme from an Unmodified Parent Theme)}

För att skapa ett barntema i WordPress måste du logga in på din cPanel och navigera till public_html sedan wp-content/themes där du måste skapa en ny mapp för ditt barntema (exempel /Twentysixteen-child/). Se till att du inte har några mellanslag i namnet på den underordnade temakatalogen som kan resultera i fel.

Rekommenderas:^{(Recommended:)} Du kan också använda One-Click Child Theme-plugin för att skapa ett underordnat tema (endast från ett omodifierat överordnadstema).

Nu måste du skapa en style.css-fil för ditt underordnade tema (inuti katalogen under temat som du just skapade). När du har skapat filen är det bara att kopiera och klistra in följande kod ( Ändra^(Change) nedanstående detaljer enligt dina temaspecifikationer):

/*
 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
*/

Obs: ^(Note: ) Mallraden ( Mall^(Template) : tjugosexton) ska ändras enligt ditt nuvarande namn på temakatalogen (det överordnade temat vars underordnade vi skapar) . ^(Template)Föräldratemat i vårt exempel är Twenty Sixteen- temat, så mallen^(Template) kommer att vara tjugosexton.

Tidigare användes @import för att ladda stilmallen från överordnad till underordnad tema, men nu är det inte en bra metod eftersom det ökar tiden för att ladda stilmallen. Istället för att använda @import är det bäst att använda PHP -funktioner i ditt barntema functions.php-fil för att ladda stilmallen.

För att använda functions.php-filen måste du skapa en i din underordnade temakatalog. Använd följande kod i din functions.php-fil:

<?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' );

}
?>

Ovanstående kod fungerar bara om ditt överordnade tema bara använder en .css-fil för att innehålla all CSS -kod.

Om ditt barntema style.css faktiskt innehåller CSS -kod (som det normalt gör), måste du också ställa det i kö:

<?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' );
?>

Det är dags att aktivera ditt barntema, logga in på din adminpanel och gå sedan till Appearance > Themes och aktivera ditt barntema från den tillgängliga listan med teman.

Obs:^(Note:) Du kan behöva spara din meny ( Appearance > Menus ) och temaalternativ (inklusive bakgrunds- och rubrikbilder) efter att du har aktiverat undertemat.

Nu när du vill göra ändringar i din style.css eller functions.php kan du enkelt göra det i ditt underordnade tema utan att påverka den överordnade temamappen.

Skapa barntema^{(Child Theme)} i WordPress från ditt överordnade tema, men de flesta av er har redan anpassat ditt tema så kommer metoden ovan inte att hjälpa dig alls. I så fall, kolla in hur du uppdaterar ett WordPress- tema utan att förlora anpassning.

Om jag hoppas att den här artikeln var till hjälp för dig men om du fortfarande har några frågor om den här guiden får du gärna fråga dem i kommentarerna.

Creating Child Theme in WordPress

Only a handful of WordPress users uses a сhild theme and that’s because many of the usеrs don’t know what is а chіld theme or Creating Child Theme in WordРress. Well, most of the people using WordPrеss tend to edit or cuѕtomize their theme bυt all that customizatіоn is lost when you update yоur thеme and that’s where the use of child theme comes. When you use a child theme then аll your cuѕtomization will be sаved and you can easіly uрdatе 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.

Kurt Bergström

About the author

Jag är en datorexpert med över 10 års erfarenhet inom mjukvaru- och webbläsarindustrin. Jag har designat, byggt och hanterat hela installationer av mjukvaruprogram, samt utvecklat och underhållit webbläsare. Min erfarenhet ger mig förmågan att ge tydliga, koncisa förklaringar av komplicerade ämnen – oavsett om det är hur Microsoft Office fungerar eller hur man får ut det mesta av Mozilla Firefox. Utöver mina datorkunskaper är jag också en skicklig skribent och kan kommunicera effektivt online och personligen.

Skapa barntema i WordPress

Skapa barntema i WordPress

Skapa ett barntema från ett oförändrat överordnadstema^{(Creating a Child Theme from an Unmodified Parent Theme)}

Creating Child Theme in WordPress