• Door naar de hoofd inhoud
  • Spring naar de eerste sidebar

Ofweb

WordPress websites, onderhoud en hosting

  • Home
  • Webdesign
    • Werkwijze
    • Webdesign Hardenberg
    • Webshop laten maken
  • Onderhoud
  • Hosting
    • SSL certificaten
  • Optimalisatie
    • Zoekmachine optimalisatie
    • Zoekmachine marketing
    • Website statistieken
  • Blog
  • Contact
Je bent hier: Home / WordPress / Een child theme maken in WordPress

Een child theme maken in WordPress

20-01-2013 Door Lars

Als je wijzigingen aan gaat brengen in de instellingen van een theme in WordPress is het verstandig om eerst een child theme aan te maken. Je laat het parent theme dan zoals het is en brengt alle gewenste wijzigingen aan in het child theme.

Je zorgt er voor dat het child theme de instellingen van het parent theme erft en ziet er dus precies hetzelfde uit, los van de wijzigingen die je zelf aanbrengt. Het aanmaken van een child theme en het erfen van de css instellingen van het parent theme is erg eenvoudig. Hoe je dit doet, laat ik je in 5 stappen zien.

1. Maak met Filezilla de map twentyeleven-child aan
Maak met behulp van FileZilla, of een ander FTP programma, een map aan in de directory /public_html/wp-content/themes/. In deze directory staan ook de themes twentyeleven, twentyten en twentetwelve. Als je een child theme aanmaakt voor twentyeleven kun je deze bv. twentyeleven-child noemen. De themes map ziet er dan als volgt uit

Themes map met Twentyeleven child theme

 

2. Kopieer style.css naar het child theme
Kopieer het bestand style.css uit de map twentyeleven naar de map twentyeleven-child. Het bestand style.css is het enige bestand dat verplicht is om te hebben in een child theme. Je kunt ook andere bestanden van het parent theme kopiƫren als je van plan bent die aan te passen, zoals de footer.php, pagina.php en index.php

3. Pas het style.css bestand in het child theme aan
Pas het bestand style.css in het child theme aan met de juiste gegevens. Hieronder zie je een voorbeeld van het begin van het style.css bestand uit het child theme.

/*
Theme Name: Twentyeleven Child
Theme URI: http://example.com/
Description: Child theme for the twentyeleven theme
Author: Your name here
Author URI: http://example.com/about/
Template: twentyeleven
Version: 1.0.0
*/
@import url(“../twentyeleven/style.css”);

Theme Name is verplicht om in te vullen.
Theme URI is optioneel
Description is optioneel
Author is optioneel. Hier kun je je eigen naam invullen
Author URI is optioneel. Hier kun je je website invullen
Template is verplicht om in te vullen. Hier moet je directorynaam van het parent theme invullen, dit is hoofdlettergevoelig
Version is optioneel.

4. Erf de instellingen van het parent theme in het child theme
De regel die begint met @import zorgt ervoor dat de stylesheet van het parent theme wordt geladen.

Door het template te vermelden in de header van je css bestand en de importregel ziet je child theme er nu precies hetzelfde uit als je parent theme

Let er op dat er geen andere css regels boven de importregel komen te staan. De importregel moet de eerste css regel zijn. Zo niet, dan wordt de css van het parent theme niet geladen.

5. Activeer je child theme in WordPress
Ga nu in de WordPress backend naar Weergave – Thema’s en activeer het twentyeleven-child theme als huidige thema.

Het aanmaken en activeren van het child theme is nu klaar. Je kunt nu naar hartelust aanpassingen gaan doorvoeren in het child theme!

Categorie: WordPress Tags: child theme, wordpress

Over Lars

Lars maakt, beheert en optimaliseert WordPress websites en hij heeft een sterke interesse voor zoekmachine optimalisatie. Hij is eigenaar van Ofweb

Primaire Sidebar

  • LinkedIn
  • Twitter

Berichten

  • Companiche krijgt een nieuwe naam 17-10-2018
  • Hoe scoren de eredivisieclubs online? 06-01-2017
  • SSL certificaat voor website nog aantrekkelijker 06-01-2017
  • De Facebook Like Box gaat verdwijnen 08-04-2015
  • Belangrijke Google update mobielvriendelijkheid 03-04-2015

Categorieƫn

  • Beveiliging (2)
  • Google Analytics (2)
  • Nieuws (2)
  • Online adverteren (1)
  • Snelheid (1)
  • Social media (1)
  • Webosting (1)
  • WordPress (16)
  • Zoekmachine optimalisatie (5)

Website kennisbank

WordPress tips | Zoekmachine optimalisatie

Ofweb

Fluitekruid 28
7772 NC Hardenberg
lars@ofweb.nl
06-10297050

KvK 55.96.74.85
BTW nr. NL1275.93.597B01

Privacybeleid gebruik website

Diensten

  • Website laten maken
  • WordPress onderhoud
  • Hosting en domeinnamen
  • SSL certificaten
  • Zoekmachine optimalisatie
  • Zoekmachine marketing
  • Webshop laten maken
  • Inzicht in de statistieken van je website
  • SEO website check

Ofweb - Voor uw WordPress website, onderhoud en hosting