Slechts een handvol WordPress -gebruikers gebruikt een child-thema en dat komt omdat veel van de gebruikers niet weten wat een child-thema is of een child-thema maken^{(Creating Child Theme)} in WordPress . Welnu^(Well) , de meeste mensen die WordPress gebruiken, hebben de neiging hun thema te bewerken of aan te passen, maar al die aanpassingen gaan verloren wanneer u uw thema bijwerkt en dat is waar het gebruik van een child-thema komt. Wanneer u een kindthema gebruikt, worden al uw aanpassingen opgeslagen en kunt u het bovenliggende thema eenvoudig bijwerken.

Kindthema maken in WordPress

Een onderliggend thema maken op basis van een ongewijzigd bovenliggend thema^{(Creating a Child Theme from an Unmodified Parent Theme)}

Om een child-thema in WordPress aan te maken , moet u inloggen op uw cPanel en naar de public_html navigeren en vervolgens naar wp-content/themes waar u een nieuwe map voor uw child-thema moet maken (voorbeeld /Twentysixteen-child/). Zorg ervoor dat er geen spaties in de naam van de onderliggende themamap staan, dit kan tot fouten leiden.

Aanbevolen:^{(Recommended:)} u kunt ook de plug-in One-Click Child Theme^{(One-Click Child Theme plugin)} gebruiken om een child-thema te maken (alleen van een ongewijzigd hoofdthema).

Nu moet je een style.css-bestand maken voor je child-thema (in de map met child-thema's die je zojuist hebt gemaakt). Nadat u het bestand hebt gemaakt, kopieert en plakt u de volgende code ( wijzig^(Change) onderstaande details volgens uw themaspecificaties):

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

Opmerking: ^(Note: ) de sjabloonregel^(Template) ( sjabloon^(Template) : Twentysixteen) moet worden gewijzigd volgens uw huidige naam van de themamap (het bovenliggende thema waarvan we het kind maken). Het hoofdthema in ons voorbeeld is het Twenty Sixteen- thema, dus de sjabloon^(Template) wordt Twenty Sixteen.

Eerder werd @import gebruikt om de stylesheet van bovenliggend naar het child-thema te laden, maar nu is het geen goede methode omdat het de hoeveelheid tijd voor het laden van de stylesheet vergroot. In plaats van @import te gebruiken, kunt u het beste PHP - functies gebruiken in uw child-thema functions.php-bestand om de stylesheet te laden.

Om het bestand Functions.php te gebruiken, moet u er een maken in de map met het onderliggende thema. Gebruik de volgende code in uw Functions.php-bestand:

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

}
?>

De bovenstaande code werkt alleen als uw bovenliggende thema slechts één .css-bestand gebruikt om alle CSS -code te bevatten.

Als uw child-thema style.css daadwerkelijk CSS -code bevat (zoals normaal), moet u deze ook in de wachtrij plaatsen:

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

Het is tijd om uw child-thema te activeren, log in op uw admin-paneel en ga vervolgens naar Appearance > Themes en activeer uw child-thema uit de beschikbare lijst met thema's.

Opmerking:^(Note:) mogelijk moet u uw menu ( Appearance > Menus ) en thema-opties (inclusief achtergrond- en koptekstafbeeldingen) opnieuw opslaan nadat u het onderliggende thema hebt geactiveerd.

Wanneer u nu wijzigingen wilt aanbrengen in uw style.css of functions.php, kunt u dat eenvoudig doen in uw child-thema zonder de bovenliggende themamap te beïnvloeden.

Kindthema maken in WordPress vanuit je hoofdthema, maar de meesten van jullie hebben je ^(WordPress)thema^{(Child Theme)} al aangepast, dan zal de bovenstaande methode je helemaal niet helpen. Bekijk in dat geval hoe je een WordPress- thema bijwerkt zonder de aanpassing te verliezen.

Als u hoopt dat dit artikel u heeft geholpen, maar als u nog vragen heeft over deze handleiding, kunt u deze in opmerkingen stellen.

Creating Child Theme in WordPress

Only a hаndful of WordPress uѕers usеs a child theme and that’s because many of the users dоn’t know what is a child theme or Creating Child Theme in WordPress. Well, most of the people using WordPress tend to edіt or customize thеir theme but all that customіzation iѕ lost when уou update your theme and that’s where the υse of child theme сomes. When you use a child theme then аll your customization 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.

Mohamed van der Velde

About the author

Ik ben een computerprogrammeur en ben dat al meer dan 15 jaar. Mijn vaardigheden liggen in het ontwikkelen en onderhouden van softwareapplicaties en het bieden van technische ondersteuning voor die applicaties. Ik heb ook computerprogrammering gegeven aan middelbare scholieren en ben momenteel een professionele instructeur.

Kindthema maken in WordPress

Kindthema maken in WordPress

Een onderliggend thema maken op basis van een ongewijzigd bovenliggend thema^{(Creating a Child Theme from an Unmodified Parent Theme)}

Creating Child Theme in WordPress