{"id":37305,"date":"2021-03-04T12:58:26","date_gmt":"2021-03-04T11:58:26","guid":{"rendered":"https:\/\/kinqsta.com\/?p=85856&preview=true&preview_id=85856"},"modified":"2023-10-25T15:10:22","modified_gmt":"2023-10-25T13:10:22","slug":"template-hierarchie-van-wordpress","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/nl\/blog\/template-hierarchie-van-wordpress\/","title":{"rendered":"Een handleiding over de template-hi\u00ebrarchie van WordPress"},"content":{"rendered":"

Als je bestaande thema’s wilt customizen<\/a> of helemaal van grond af wil opbouwen, is het belangrijk om te begrijpen hoe de hi\u00ebrarchie van WordPress templates werkt.<\/p>\n

Het allerbelangrijkste doel van deze hi\u00ebrarchie is dat alles georganiseerd blijft. Als je eenmaal weet wat alle templatebestanden van je thema zijn, wat ze doen en welke prioriteit ze onderling krijgen, kan je bijna elk aspect van het uiterlijk van je WordPress site wijzigen.<\/p>\n

In dit artikel leggen we uit wat de hi\u00ebrarchie van WordPress templates is en hoe deze werkt. Daarna geven we een volledig overzicht van de templatebestanden die bij elk type WordPress pagina zijn betrokken (inclusief een spiekbriefje om later snel even terug te kijken), zodat je ze in je voordeel kan gebruiken.<\/p>\n

Aan de slag!<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Een inleiding tot de hi\u00ebrarchie van WordPress templates<\/h2>\n

Meestal maken niet-dynamische websites gebruik van statische HTML<\/a> en CSS bestanden om hun inhoud weer te kunnen geven. WordPress is echter een dynamisch platform gebaseerd op de programmeertaal PHP<\/a>. Elke WordPress site laadt meerdere .php<\/em> bestanden, die stuk voor stuk bepalen hoe een specifieke sectie of component eruitziet.<\/p>\n

Wanneer je een bepaald type pagina laadt, zoekt het Content Management System (CMS)<\/a> naar de templatebestanden die bij dit type pagina horen.<\/p>\n

Als je bijvoorbeeld de zoekfunctie van WordPress<\/a> gebruikt en een pagina met zoekresultaten laadt, gaat het CMS op zoek naar twee templatebestanden:<\/p>\n

    \n
  1. search.php<\/em>, die bepaalt hoe de pagina’s met zoekresultaten eruitzien<\/li>\n
  2. index.php<\/em>, het standaard templatebestand dat WordPress gebruikt wanneer het de bovenste optie binnen een hi\u00ebrarchie niet kan vinden<\/li>\n<\/ol>\n

    Welke templatebestanden worden gebruikt, hangt af van het thema dat je gebruikt. Alle WordPress thema’s<\/a> zijn een verzamelingen templates, stylesheets<\/a> en ander elementen, zoals afbeeldingen<\/a>.\u00a0 Dus in het bovenstaande voorbeeld, als je het thema dat je gebruikt een search.php<\/em> template bevat, zal WordPress deze vinden en laden.<\/p>\n

    In sommige gevallen is het mogelijk dat je een thema gebruikt die geen templatebestanden bevat voor de paginatypes die jij wil laden. En dat is precies waar de WordPress template-hi\u00ebrarchie om de hoek komt kijken. Het is een ingebouwd systeem dat WordPress vertelt welke templatebestanden moeten worden geladen en in welke volgorde.<\/p>\n

    Als WordPress voor een zoekpagina het bestand search.php<\/em> niet kan vinden, gaat het omlaag naar het volgende bestand in de hi\u00ebrarchie, namelijk index.php<\/em>. Dit bestand is de laatste optie binnen elke afzonderlijke tak binnen de template-hi\u00ebrarchie.<\/p>\n

    In theorie kan je een volledig functioneel thema hebben dat slechts \u00e9\u00e9n templatebestand bevat, en dat is index.php<\/em>.<\/p>\n

    In de praktijk is er met een enkel templatebestand weinig mogelijk wat stijlaanpassingen betreft en ziet elke pagina er dus ongeveer hetzelfde uit. Tenzij dat iets is wat je zoekt, is het begrijpen van de WordPress template-hi\u00ebrarchie een van de belangrijkste stappen die je als thema-ontwikkelaar<\/a> kan nemen.<\/p>\n\n

    Zo werkt de hi\u00ebrarchie van WordPress templates<\/h2>\n

    Zoals je misschien wel weet, heeft WordPress verschillende soorten pagina’s, ook wel page types genoemd, afhankelijk van wat je wil publiceren. Er zijn zeven hoofdcategorie\u00ebn waar je uit kan kiezen:<\/p>\n

      \n
    1. Homepagina (Front page)<\/li>\n
    2. Single berichten (Single posts)<\/li>\n
    3. Single pagina’s (Single pages)<\/li>\n
    4. Custom berichttypes (Custom post types)<\/li>\n
    5. Zoekresultaatpagina’s (Search result pages)<\/li>\n
    6. Categorie- en tagpagina’s (Category en tag pages)<\/li>\n
    7. 404 foutmelding pagina’s (404 error pages)<\/li>\n<\/ol>\n

      Elk van deze pagina’s heeft zijn eigen custom hi\u00ebrarchie, wat betekent dat het een specifieke set aan templatebestanden gebruikt.<\/p>\n

      Als je een korte blik werpt in de mappen van je thema, vind je meestal een hele verzameling aan templatebestanden. Hieronder vind je een voorbeeld van een lijst met templatebestanden die je vindt in de themamap voor een blogpost:<\/p>\n

      \"Templatebestanden
      Templatebestanden die je kan vinden in een WordPress themamap<\/figcaption><\/figure>\n

      Dit paginatype is voor een “single post”, wat betekent dat het het single.php<\/em> bestand gebruikt als template voor de hoofdcontent van de pagina (het blogbericht zelf).<\/p>\n

      Daarnaast gebruikt het voor elk pagina-element een apart templatebestand, waarvan je de meeste wel meteen zul herkennen, waaronder:<\/p>\n