Child Theme

Een child theme is een zij-thema dat alle functies en vormgeving van een ander thema, het parent theme, overneemt. Je gebruikt het om aanpassingen te doen in de code zonder dat deze wijzigingen worden overschreven wanneer het hoofdthema een update krijgt.

Technische werking

  1. Je maakt een nieuwe map in de mappenstructuur van WordPress, meestal onder wp-content/themes.
  2. In die map maak je een bestand aan genaamd style.css waarin je aangeeft welk thema de ouder is via de Template regel.
  3. Je voegt een bestand toe genaamd functions.php om PHP-functies te laden zonder het originele bestand aan te raken.
  4. Bestanden in het child theme hebben voorrang op die van het parent theme.
  5. Vindt WordPress daar een bestand dat ook in het parent theme staat, zoals header.php, dan wordt de versie uit het child theme gebruikt.
  6. Staat het bestand er niet? Dan valt WordPress automatisch terug op de code van het parent theme.

Belangrijke begrippen

  • Parent theme: Het hoofLthema dat je hebt gekocht of gedownload; dit bevat de volledige basisstructuur en alle standaardfuncties.
  • Template Hierarchy: De vaste volgorde waarin WordPress bepaalt welk bestand wordt getoond voor een specifieke pagina.
  • CSS: De taal die bepaalt hoe je site eruitziet, zoals kleuren en lettertypes.
  • PHP: De programmeertaal die de logica en functies van je WordPress-site aanstuurt.
  • Hooks: Specifieke plekken in de code waar je nieuwe functies kunt ‘inhaken’ om iets toe te voegen of te wijzigen.

Ontdekken wat we voor uw organisatie kunnen bereiken?

Vul ons contactformulier in en ontvang binnen 24 uur een persoonlijke reactie.

Geen enkele organisatie  is hetzelfde, daarom stellen we altijd een op maat gemaakt plan van aanpak op.

Laat onze ervaren consultants u begeleiden naar succes!

Praktijkvoorbeeld

Stel je voor dat example.nl een thema gebruikt waarbij de footer een grijze achtergrond heeft, maar je wilt deze specifiek donkerblauw maken. In plaats van de code in het parent theme te wijzigen, voeg je een regel toe aan het style.css bestand van je child theme.

.site-footer {
    background-color: #00008B;
}

Je ziet nu direct een blauwe footer op de website. Wanneer de maker van het thema een beveiligingsupdate uitbrengt en je deze installeert, blijft de footer blauw omdat WordPress jouw eigen CSS-bestand prioriteit geeft boven die van het parent theme.

Veelgemaakte fouten

  • Direct in het parent theme werken: Je past code aan in de bestanden van het originele thema, waardoor al je werk verdwijnt na de eerste automatische update.
  • Verkeerde mapnaam: De naam van de map komt niet exact overeen met de Theme Name in het CSS-bestand, waardoor WordPress het thema niet herkent.
  • CSS verkeerd laden: Je probeert CSS te laden via functions.php maar vergeet de link naar het parent theme, waardoor je site plotseling zonder opmaak verschijnt.
  • Overbodige bestanden kopiëren: Kopieer geen bestanden van het parent theme naar het child theme die je niet wilt wijzigen.

SEO begint bij kwalitatieve content

Verhoog je conversies met onze doelgerichte content!

Het geheim achter een bloeiende SEO-strategie? Kwalitatieve content die het hart van de doelgroep verovert. Met de juiste inhoud die naadloos inspeelt op de behoeften en verlangens van jouw potentiële klanten, til je jouw zichtbaarheid naar een hoger niveau.

Als je een sterke online aanwezigheid wilt opbouwen, is hoogwaardige content de sleutel tot jouw succes.

Gebruik en afwegingen

Je gebruikt een child theme zodra je wijzigingen maakt in de PHP-bestanden of grote hoeveelheden CSS toevoegt. De enige harde voorwaarde is dat je zeker weet dat je de site op de lange termijn wilt onderhouden zonder handmatig elke update terug te draaien.

Je gebruikt het niet als je alleen een paar kleine kleurwijzigingen doet via de Customizer van WordPress. In dat geval is de ingebouwde optie voor extra CSS voldoende en voeg je geen onnodige complexiteit toe aan je mappenstructuur.

Controle van de werking

  1. Ga naar het dashboard en navigeer naar Thema’s beheren.
  2. Kijk of het child theme actief is; het moet als actieve keuze zijn gemarkeerd.
  3. Voeg een opvallende kleur toe aan een element in het style.css bestand van het child theme, bijvoorbeeld een felgele achtergrond voor de navigatie.
  4. Ververs je website om te zien of de kleur is aangepast; zo weet je dat WordPress daadwerkelijk vanuit de juiste map leest.
  5. Controleer of de basisfunctionaliteit van het parent theme nog steeds werkt, zoals de menu-instellingen.

Vaak wordt er een plugin gebruikt om een child theme te genereren, wat veel sneller is dan alles handmatig typen.

Kijk nu in je WordPress-dashboard of je huidige thema een child theme heeft.

Gratis SEO scan van uw website?

Ontdek nu de verborgen potentie van uw website met onze GRATIS SEO scan! Onze geavanceerde tools en deskundige analyse bieden u een gedetailleerd inzicht in de verbeterpunten van uw online aanwezigheid.

Ontvang een uitgebreid rapport met waardevolle optimalisatie-tips die uw website naar nieuwe hoogten zullen stuwen. Neem vandaag nog de eerste stap naar een betere vindbaarheid en meer organisch verkeer. Mis deze kans niet – claim nu uw GRATIS SEO scan en maak uw website klaar voor succes!

Onze Specialisaties

Inhoudsopgave
Symblings Digital Marketing plaats foto
4.9
Gebaseerd op 14 beoordelingen

Categorieën

ONTVANG EEN GRATIS SEO ARTIKEL

Ontvang een gratis SEO artikel van 1000-1200 woorden die gegarandeerd jouw zoekposities zullen versterken.

Vraag direct aan

Veelgestelde vragen

Wat is een child theme eigenlijk?

Een child theme is een zij-thema dat alle functies en vormgeving van een ander thema, het parent theme, overneemt. Je gebruikt het om aanpassingen in de code te doen zonder dat deze wijzigingen worden overschreven wanneer het hoofdthema een update krijgt.

Het parent theme is het hoofLthema dat je hebt gedownload en bevat de volledige basisstructuur. Een child theme is een kleine toevoeging daarop waarin je eigen wijzigingen bewaart. WordPress geeft prioriteit aan de bestanden in het child theme boven die van het parent theme.

Als je code aanpast in de bestanden van het originele thema, verdwijnt al je werk na de eerste automatische update. De update overschrijft namelijk alle bestanden van het parent theme met nieuwe versies. Met een child theme blijven je aanpassingen gewoon staan.

WordPress kijkt bij het laden van de site eerst in de map van het child theme. Staat een bestand daar niet? Dan valt WordPress automatisch terug op de code van het parent theme. Zo behoud je alle standaardfuncties zonder alles opnieuw te hoeven bouwen.

Je maakt een nieuwe map in de mappenstructuur van WordPress onder wp-content/themes. In die map maak je een style.css bestand aan waarin je via de Template regel aangeeft welk thema de ouder is. Voor PHP-functies voeg je een functions.php bestand toe.

Zorg dat de mapnaam exact overeenkomt met de Theme Name in je CSS-bestand. Kopieer niet alle bestanden van het parent theme naar je child theme, want dat is overbodig. Let ook op dat je de link naar het parent theme niet vergeet bij het laden van CSS.

Je gebruikt een child theme zodra je wijzigingen maakt in de PHP-bestanden of grote hoeveelheden CSS toevoegt. Het is de beste keuze als je de site op lange termijn wilt onderhouden zonder dat je na elke update handmatig alles moet herstellen.

Dat kan zeker. Voor een paar kleine kleurwijzigingen is de ingebouwde optie voor extra CSS in de Customizer voldoende. In dat geval voeg je geen onnodige complexiteit toe aan je mappenstructuur en heb je geen apart child theme nodig.

Gerelateerde artikelen

Scroll naar boven

Gratis SEO Artikel

Ontvang een gratis SEO-geoptimaliseerd artikel van 1000-1200 woorden door het formulier hieronder in te vullen en plaats het op jouw website om de kracht van onze content te ervaren.

Note: Geen idee wat een keyword is? Vul ‘onbekend’ in en wij nemen contact met je op.

Gratis SEO artikel
Gratis SEO artikel formulier (#7)

Onze privacy policy is van toepassing.

Vrijblijvende offerte

Ben je benieuwd wat wij voor uw organisatie kunnen betekenen? Laat dan uw gegevens achter via onderstaand formulier en wij nemen binnen 24 uur contact op.

Contact
Contactformulier aanvraag (#4)

Onze privacy policy is van toepassing.

Gratis persoonlijke SEO scan

Klaar voor een boost in uw online zichtbaarheid? Meld u aan voor een gratis, persoonlijke SEO scan tijdens een 1-op-1 Google Meet consult. Samen duiken we in de wereld van zoekmachineoptimalisatie specifiek voor uw website. Mis deze kans niet en vul onderstaand formulier in.

pasfoto tim van pel
Gratis SEO audit 1 op 1 formulier (#13)

Onze privacy policy is van toepassing.

Algoritme

Wat is het precies? 

Een algoritme is een reeks stappen of instructies die worden gebruikt om een specifiek probleem op te lossen. Het is als een recept dat een computer of een persoon kan volgen om een bepaald resultaat te bereiken. 

Algoritmen spelen een cruciale rol in de informatica en helpen bij het organiseren en verwerken van gegevens, het nemen van beslissingen en het automatiseren van taken. Ze kunnen worden toegepast in verschillende domeinen, zoals zoekmachines, routeplanners, machine learning en data-analyse. 

Kortom, algoritmen vormen de bouwstenen van onze digitale wereld en helpen bij het oplossen van complexe problemen.