Blog

Child theme maken in WordPress?

Afbeelding Child theme maken in WordPress?

WordPress biedt veel verschillende thema’s aan als design voor jouw WordPress website. Super handig, maar wat als je nou wel een specifiek thema wil gebruiken maar toch een aantal onderdelen van de vormgeving wil aanpassen? Doe niet alleen een plaatselijke aanpassing, maar maak een child theme! Lees gauw verder wat een child theme precies is, wat de voordelen hiervan zijn en hoe je een child thema maakt. Grote kans dat je hier eerder van had willen weten!

Wat is een child theme?

Een WordPress child theme is een WordPress thema met allerlei functionaliteiten van een ander thema, ook wel parent theme genoemd. Een child theme biedt de mogelijkheid om bepaalde functionaliteiten of vormgeving van het hoofdthema aan te passen. Het WordPress child theme slaat deze wijzigingen op. Het grootste voordeel hiervan is dat je deze aangebrachte wijzigingen zal behouden na het updaten van het thema. Normaal gesproken zullen de wijzigingen na een update namelijk verloren gaan.

Wat zijn de voordelen van een child theme?

Er zijn een aantal redenen die het aantrekkelijk maken om een child theme te gebruiken in plaats van een parent theme:

  1. Meer vrijheid: het is mogelijk om jouw WordPress website volledig naar smaak te ontwerpen
  2. Zekerheid: als er een update nodig is, dan kan je de update uitvoeren zonder dat je wijzigingen verloren gaan.
  3. Meer tijd: je hoeft niet vanaf 0 te beginnen omdat je gebruik maakt van een bestaand thema en alleen enkele aanpassingen hoeft te maken

Hoe maak je een child theme?

Er zijn verschillende manieren om een WordPress child theme te maken. De makkelijkste manier is om een plugin hiervoor te installeren. Er zijn meerdere child themes te downloaden, bijvoorbeeld ‘one-Click Child Theme’ of ‘Child Theme Configurator’. Na de installatie van de plugin vind je onder het kopje ‘weergave’ een nieuwe tab genaamd ‘child theme’. De rest wijst zich vanzelf: vul de naam van het thema in, de beschrijving en je eigen naam. Klik op ‘create child’. Jouw child theme is nu klaar voor gebruik.

Handmatig een child theme maken

Het is ook mogelijk om een WordPress child theme handmatig te maken. Deze manier is ook vrij simpel, maar het zal iets meer tijd en moeite kosten dan via een plugin. Volg hiervoor het volgende stappenplan:

  1. Maak een nieuwe map aan voor jouw child theme

    Maak, via DirectAdmin of een FTP-programma, een nieuwe map aan op de locatie:

    ‘/wp-content/themes/’

  2. Maak in bovengenoemde map het ‘style.css-bestand’ aan

    Om het child theme te maken heb je een stylesheet nodig. Maak in de bovengenoemde map, via ‘create new file’ het bestand ‘style.css’ aan.

    Plak de volgende code in het bestand:

    /*
    Theme Name:   Jouw child theme naam
    Theme URI:    https://jouwwebsite.nl
    Description:  Thema beschrijving
    Author:       WPOnderhoud
    Author URI:   https://jouwwebsite.nl
    Template:     Mapnaam hoofdthema
    Version:      1.0.0
    */
     
    /* Vanaf hieronder kun je CSS plaatsen
    -------------------------------------- */
    Theme Name en Template zijn verplicht om in te vullen, de rest van de regels zijn naar wens aan te passen.

  3. Stylesheet van het hoofdthema verwerken in child theme

    In stylesheet die we net hebben aangemaakt voor het child theme moet de style css van het hoofdthema verwerkt worden. Dit is om alle opmaak hetzelfde te houden.

    Voor dit geval hebben onze WordPress specialisten een php function gebruikt. Wij gaan in dit geval ook een ‘functions.php’ bestand aanmaken.

    PHP code:
    <?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' );
    }
    ?>

  4. Upload het child theme bestand

    De map die we hebben aangemaakt kan je nu uploaden naar:
    ‘/wp-content/themes’

    Het uploaden kan je doen door middel van de (S)FTP server of door de map te uploaden in de backend.

  5. Activeer jouw Child theme

    Ga naar ‘Weergave -> Thema’s‘ om het thema te activeren.

    Heb je nog geen extra CSS aan het style.css bestand toegevoegd, zal je nog geen veranderingen zien. Als je iets gaat aanpassen gaat dat natuurlijk wel invloed hebben op het thema en de website.


Conclusie WordPress child theme

Een WordPress child theme zorgt er dus voor dat je eenvoudig de look van jouw WordPress website kan aanpassen, zonder dat deze wijzigingen verloren gaan na een update van het hoofdthema. De makkelijkste manier om een child theme te maken is via een plugin, maar het is ook mogelijk om dit handmatig te maken. Ben jij al om, en ga je gebruik maken van een child thema op jouw WordPress website?

Neem contact op

Heb je vragen over de werking van jouw child theme of lukt het niet om jouw child theme te installeren? Vraag het aan onze WordPress specialisten. Zij hebben de kennis en ervaring die jij nodig hebt voor jouw WordPress website. Je kan ons bereiken op 030 20 72 488 en in de live chat. Bekijk ook onze WordPress Onderhoudspakketten.

Was dit artikel nuttig?

Ja Nee

Wij helpen je snel en vakkundig!

Bekijk hier alle voordelen.

Bekijk ook artikel
Bekijk ook arikel
© WPOnderhoud.nl 2011 - 2021 | Alle rechten voorbehouden | WordPress Onderhoud is onderdeel van Artitex