Kun en håndfuld WordPress -brugere bruger et undertema, og det skyldes, at mange af brugerne ikke ved, hvad der er et undertema eller Creating Child Theme i WordPress . Nå^(Well) , de fleste af de mennesker, der bruger WordPress , har en tendens til at redigere eller tilpasse deres tema, men al den tilpasning går tabt, når du opdaterer dit tema, og det er her brugen af børnetema kommer. Når du bruger et undertema, bliver al din tilpasning gemt, og du kan nemt opdatere overordnet tema.

Oprettelse af børnetema i WordPress

Oprettelse af et børnetema fra et uændret overordnet tema^{(Creating a Child Theme from an Unmodified Parent Theme)}

For at oprette et undertema i WordPress skal du logge ind på dit cPanel og navigere til public_html og derefter wp-content/themes, hvor du skal oprette en ny mappe til dit underordnede tema (eksempel /Twentysixteen-child/). Sørg for, at du ikke har mellemrum i navnet på underordnet temabibliotek, som kan resultere i fejl.

Anbefalet:^{(Recommended:)} Du kan også bruge One-Click Child Theme plugin til at oprette et undertema (kun fra et uændret overordnet tema).

Nu skal du oprette en style.css-fil til dit undertema (inde i den underordnede temamappe, du lige har oprettet). Når du har oprettet filen, skal du bare kopiere og indsætte følgende kode ( Skift^(Change) detaljerne nedenfor i henhold til dine 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
*/

Bemærk: ^(Note: ) Skabelonlinjen ( Skabelon^(Template) : twentysixteen) skal ændres i henhold til dit nuværende navn på temabiblioteket (det overordnede tema, hvis underordnede vi opretter) . ^(Template)Forældretemaet i vores eksempel er Twenty Sixteen -temaet, så skabelonen^(Template) vil være 26.

Tidligere @import blev brugt til at indlæse stilarket fra forælder til underordnet tema, men nu er det ikke en god metode, da det øger mængden af tid til at indlæse stilarket. I stedet for at bruge @import er det bedst at bruge PHP -funktioner i dit underordnede tema functions.php-fil til at indlæse stilarket.

For at bruge functions.php-filen skal du oprette en i dit underordnede temabibliotek. Brug følgende kode 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' );

}
?>

Ovenstående kode virker kun, hvis dit overordnede tema kun bruger én .css-fil til at indeholde al CSS -koden.

Hvis dit underordnede tema style.css faktisk indeholder CSS -kode (som det normalt gør), skal du også stille 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 er tid til at aktivere dit barnetema, log ind på dit adminpanel og gå derefter til Appearance > Themes og aktiver dit barnetema fra den tilgængelige liste over temaer.

Bemærk:^(Note:) Du skal muligvis gemme din menu ( Appearance > Menus ) og temaindstillinger (inklusive baggrunds- og overskriftsbilleder) igen efter at have aktiveret undertemaet.

Når du nu vil foretage ændringer i din style.css eller functions.php, kan du nemt gøre det i dit underordnede tema uden at påvirke den overordnede temamappe.

Oprettelse af børnetema^{(Child Theme)} i WordPress fra dit overordnede tema, men de fleste af jer har allerede tilpasset dit tema, så vil ovenstående metode slet ikke hjælpe dig. I så fald skal du tjekke, hvordan du opdaterer et WordPress- tema uden at miste tilpasning.

Hvis du håber, at denne artikel var nyttig for dig, men hvis du stadig har spørgsmål vedrørende denne vejledning, er du velkommen til at stille dem i kommentarerne.

Creating Child Theme in WordPress

Only a handful of WordPreѕs users usеs a child theme and that’s because many of the users don’t know what is a child theme or Creating Child Theme in WordPreѕs. Well, most of the people using WordPresѕ tend to edit or customize their theme but all that customization is lost when you update yоur theme and that’s where thе use of chіld theme comes. When you use a child theme then all yоur customization will be saved and you can easily update the parеnt 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.

Lærke Jansson

About the author

Jeg er en computertekniker med over 10 års erfaring, heraf 3 år som 店員. Jeg har erfaring med både Apple og Android enheder, og er særligt dygtig til at reparere og opgradere computere. Jeg nyder også at se film på min computer og bruge min iPhone til at tage billeder og videoer.

Oprettelse af børnetema i WordPress

Oprettelse af børnetema i WordPress

Oprettelse af et børnetema fra et uændret overordnet tema^{(Creating a Child Theme from an Unmodified Parent Theme)}

Creating Child Theme in WordPress