Child theme maken

Child theme maken

Je maakt een Child theme als je wijzigingen aan het gekozen thema wilt uitvoeren.

Het erft de functionaliteit van het andere thema.

 

De instellingen in het child theme prevaleren boven de instellingen uit het originele thema.

 

Als je namelijk geen Child-Theme hebt gemaakt, maar je hebt wel het thema aangepast, dan zullen alle aanpassingen verdwijnen bij het updaten van het thema.

Als je wel een child-theme hebt gemaakt dan blijven de aanpassingen hierin bewaard nadat je het originele thema hebt geupdate.

 

Een child theme bevat minimaal een style.css, waarin je bijvoorbeeld lettertypen en kleuren kunt aanpassen of stijlelementen kunt toevoegen.

Je kunt ook andere bestanden aan je child theme toevoegen, maar dit is alleen nodig als je ook deze wilt aanpassen. Zo kun je bijvoorbeeld de footer.php kopiëren naar jouw child-theme en dan aanpassen.

 

Om een child-theme te maken heb je toegang nodig tot de bestandsstructuur van jouw WordPress installatie.

Dit kun je doen door een FTP programma te gebruiken.

Ik gebruik zelf altijd good old Total Commander (zie www.ghisler.com)

Of FileZilla http://caddvision.nl/ftp/

 

 

Ga naar de wp-content folder

Ga naar de themes folder

 

afbeelding invoegen
 

Maak een nieuwe folder aan (Total Commander: F7)

Het is handig om de naam van het originele thema hierin te zetten met nog iets er bij.

Bijv als het een child-theme wordt van Twentyfourteen, noem het child-theme dan bijvoorbeeld twentyfourteen-child.

Zelf zet ik mijn bedrijfsnaam erachter, dan weet men dat ik het aangepast heb, in dit geval: suffusion-caddvision. Of gebruik je eigen bedrijfsnaam.

Gebruik in de mapnaam geen spaties of bijzondere tekens.

 

afbeelding invoegen

 

Onthoud de foldernamen en let op de schrijfwijze; thema Twenty Fourteen staat in folder twentyfourteen (verderop de theme-map genoemd)

 

In de child-theme map moet altijd het bestand style.css komen.

Met Total Commander (TC) maak je een nieuw bestand aan door de rechtermuisknop ingedrukt te houden in de map waar het bestand moet komen. Dit lukt echter niet in de server map dus doe dit in het rechtervenster van TC, in de map op jouw harddisk.

New – Text file

Noem het bestand style.css, selecteer het en druk op F4 om de teksteditor te openen.

Gebruik je geen Total Commander dan kun je een nieuw bestand aanmaken met een plain teksteditor zoals Windows Kladblok (GEEN Word, die zet rare verborgen tekens in je teksten)

Je kunt ook het originele style.css bestand kopiëren naar de child map en het dan bewerken.

 

 

De (minimale) inhoud van een nieuw style.css bestand:

 

/*
Theme Name:                Twenty Fourteen Caddvision
Theme URI:                   http://www.jouwwebsitenaam.nl/
Description:                  Child Theme van Twenty Fourteen theme
Author:                           Marcel Jansen
Author URI:                  http://www.caddvision.nl
Template:                      twentyfourteen
Version:                         1.0
*/
@import url(“../twentyfourteen/style.css”);
/*
Hieronder komen jouw CSS instellingen te staan
*/

 

Pas alleen de gegevens aan de rechterkant aan.

Let er op dat je achter Template: de juiste naam van de originele theme-map invult.

In dit voorbeeld is dat twentyfourteen

Pas bij de url ook de naam van de originele theme-map aan.

 

Nu kun je de style.css van jouw child theme gaan aanpassen.

Je kunt bijvoorbeeld achtergrondafbeelding of de kleuren van de website veranderen.

Zoek de code op in het originele bestand, kopieer deze in het child style.css en pas het aan.

 

Activeer het child theme [Weergave] [Thema’s] en zorg er voor dat het basisthema ook altijd blijft bestaan.

 

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *