Child theme maken.
In Wordpress is het redelijk eenvoudig om een child theme te maken. In onderstaand artikel neem ik u stap voor stap aan de hand mee hoe u een child theme kunt maken.
Wilt u weten wat een child theme is en wat de voordelen hiervan zijn, dan gaat u naar Child theme .
We gaan beginnen met het maken van een Child theme . We doen dit op basis van de meest recente theme van Wordpress “Twenty sixteen”. Uiteraard kunt u deze stappen ook doorlopen op basis van een ander theme, echter dient u er dan wel rekening mee te houden dat u de benaming straks in uw style.css aanpast aan het thema dat u gebruikt.
Ik ga er van uit dat u bent ingelogd via FTP in uw Wordpress omgeving.
- Navigeer in uw Wordpress omgeving naar de WP-content map (folder), klik binnen deze map op themes. Hier vindt u de thema-folder die u momenteel gebruikt, in ons geval “Twentysixteen”. We maken in deze map nu een map aan en noemen deze “Twentysixteen-child”.
- Zoals ieder thema heeft ook uw child thema een style.css nodig. U dient dus een nieuw bestand aan te maken, u dient deze zoals gebruikelijk style.css te noemen. Hierin komen een aantal zaken naar voren. Zie onderstaande code.
Theme Name: Twenty Sixteen Child
Theme URI: http://www.jouwdomein.nl/
Description: Child theme gebaseerd op Twenty Sixteen
Author: Tussendoor internet & marketing
Author URI: https://tussendoor.nl/
Template: twentysixteen
Version: 1.0
Tags: tags, twentysixteen, child-theme
Text Domain: twentysixteen-child
*/
@import url("../twentysixteen/style.css");
Zoals u in bovenstaande css-code kunt zien zijn een aantal zaken voor de hand liggend. Zo heeft u een thema naam, URI (url), omschrijving en auteur-informatie. Direct daaronder komt de informatie die van enorm belang is, namelijk "Template". Deze koppelt uw thema, child-theme, aan de naam van de template die u invoert. Dat is in ons geval "twentysixteen", maar in uw geval kan dat dus een ander thema zijn. Voer hier altijd de naam in van het thema waarmee u het child theme wilt koppelen.
Via de regel @import url laden we de volledige stijl in van het hoofdthema, direct ónder die regel kun je je eigen opmaak /css kwijt.
Wil je naast de opmaak zorgen dat er wijzigingen plaatsvinden in de nieuwsberichten, ingeladen via single.php, kopieer deze dan uit het hoofdthema en plak deze vervolgens in je child theme. Je kunt hierna de aanpassingen in je child theme doorvoeren. Dit geldt voor alle bestanden. - Nu u het child theme heeft aangemaakt en heeft voorzien van de benodigde bestanden, wordt het tijd om het child theme te activeren. U logt hiervoor in in uw Wordpress site en navigeert naar Weergave - thema's. U ziet nu, naast het twentysixteen thema, ook het child theme dat u net heeft aangemaakt. U activeert deze zoals u gewend bent, door op activeren te drukken.
Het child theme is nu in gebruik. Waarschijnlijk zult u vrijwel geen wijzigingen zien, omdat u deze nog niet doorgevoerd heeft (in zowel de stylesheet als de single), maar zodra u aanpassingen doorvoert binnen uw child theme map, zijn deze direct zichtbaar.
Belangrijk om te weten is dat wijzigingen in uw functions.php anders werken dan de andere bestanden in een child- en hoofdthema. De twee functions.php bestanden (hoofd- en child theme) worden namelijk samengevoegd. Dit is het enige bestand dat wordt samengevoegd, andere bestanden worden namelijk overschreven (child theme boven hoofdthema). Wilt u dus extra toevoegingen via een functions.php bestand inbouwen, dan hoeft u alleen die specifieke code te plaatsen. Het is niet nodig om de hele functions.php hiervoor de kopiëren / plakken.
Wilt u specifieke bestanden aanroepen uit uw hoofdthema, dan kan dat uiteraard ook. U gebruikt hiervoor onderstaande functie
require_once( get_stylesheet_directory() . '/file.php' );
U dient hierbij natuurlijk file.php te veranderen in het bestand dat u daadwerkelijk aanroepen wilt.
That’s it.
Uw child theme is klaar.
Tags: Wordpress