Bij het ontwikkelen van een WordPress site is het cruciaal om de WordPress Sjabloonhiërarchie te begrijpen. Hiermee kun je beheren hoe inhoud op je website wordt weergegeven, van blogberichten tot aangepaste pagina’s. De hiërarchie helpt WordPress om te beslissen welk aangepast sjabloonbestand moet worden gebruikt op basis van de gevraagde inhoud.
De sjabloonhiërarchie is een systeem dat de volgorde dicteert waarin WordPress op zoek gaat naar WordPress sjabloonbestanden om verschillende soorten inhoud weer te geven. Dit proces is essentieel voor de ontwikkeling van WordPress thema’s. Het stelt ontwikkelaars immers in staat om flexibele, geoptimaliseerde en aangepaste thema’s te maken voor hun WordPress websites.
Door de hiërarchie van WordPress templates te begrijpen, kunnen ontwikkelaars de lay-out van elke pagina, post of categorie aanpassen. Het zorgt er ook voor dat ontwikkelaars bij het maken van aangepaste WordPress thema’s eenvoudig verschillende sjablonen kunnen implementeren voor verschillende soorten inhoud.
Wat is de WordPress sjabloonhiërarchie?
WordPress sjabloonhiërarchie is een WordPress systeem dat bepaalt welke sjabloonbestanden geladen moeten worden. Het bepaalt welk bestand gebruikt moet worden bij het weergeven van een pagina op je WordPress website. Elke WordPress site heeft bepaalde sjabloonbestanden nodig om pagina’s goed weer te geven.
Deze sjabloonbestanden bevatten PHP-bestanden zoals single.php, page.php en archive.php. Elk van deze bestanden komt overeen met specifieke inhoudstypen, zoals berichten, pagina’s of archieven.
WordPress volgt een duidelijk proces om uit te zoeken welke sjabloonbestanden moeten worden gebruikt. Er wordt gekeken naar het gevraagde inhoudstype – een blogbericht, categoriepagina’s of een aangepast berichttype – en er wordt gezocht naar de juiste sjabloonbestanden in de themamap.
Als WordPress geen overeenkomend PHP-sjabloonbestand vindt, keert het terug naar meer algemene sjablonen, zoals index.php, om de pagina te renderen.
Wanneer je bijvoorbeeld een pagina met één enkele post bezoekt, zoekt WordPress naar een sjabloonbestand zoals single-{post_type}.php (voor aangepaste posttypes), dan single.php. Als geen van beide bestaat, zoekt WordPress naar het standaard sjabloonbestand index.php.
Hetzelfde proces geldt voor pagina’s, categorieën en andere soorten inhoud. Nu we begrijpen waar het over gaat, laten we begrijpen hoe sjabloonhiërarchie werkt.
Hoe de WordPress sjabloonhiërarchie werkt
De kern van de WordPress sjabloonhiërarchie is een eenvoudig idee: WordPress gebruikt een sjabloonbestand om de inhoud op WordPress websites weer te geven. Het gevraagde inhoudstype bepaalt welk PHP-sjabloonbestand WordPress zal laden. Bijvoorbeeld:
- Enkele berichten: WordPress zoekt naar een enkel berichttype php of een enkel berichttype slug (als het een blogbericht is).
- Pagina’s: WordPress zoekt naar page.php om statische pagina’s weer te geven.
- Categorieën en tags: Als je een categorie bekijkt, zoekt WordPress naar category.php of category-{slug}.php.
Dit proces maakt WordPress flexibel. Door hetzelfde hiërarchische systeem voor sjablonen te gebruiken, kan het zich aanpassen aan verschillende soorten inhoud.
Terugvalmechanisme
Als WordPress het overeenkomende sjabloonbestand niet kan vinden, wordt er teruggegrepen naar meer algemene sjablonen. Bijvoorbeeld:
- Als een enkele post geen aangepast sjabloonbestand heeft, zal WordPress single.php laden. Als single.php ontbreekt, wordt index.php geladen.
- Op dezelfde manier zal WordPress index.php gebruiken als een pagina met zoekresultaten (search.php) ontbreekt.
Voorwaardelijke tags
WordPress gebruikt voorwaardelijke tags zoals is_single(), is_category() en is_page(). Deze tags bepalen de juiste sjabloon. Ze kunnen worden toegevoegd aan sjabloonbestanden om specifieke inhoudstypen aan te pakken.
Belangrijkste sjabloonbestanden in de WordPress sjabloonhiërarchie
Laten we eens kijken naar een aantal van de belangrijkste sjabloonbestanden in de WordPress sjabloonhiërarchie:
1. Voorpagina
Bij de ontwikkeling van WordPress-thema’s hangt de weergave van de voorpagina af van de configuratie-instellingen die je kiest in het WordPress-dashboard.
WordPress gebruikt specifieke sjabloonbestanden om de lay-out van de voorpagina te bepalen, afhankelijk van of je een statische pagina of een dynamische lijst met recente berichten wilt weergeven. De twee primaire PHP sjabloonbestanden waar WordPress in deze context naar zoekt zijn front-page.php en home.php.
- front-page.php: Wordt gebruikt wanneer een statische voorpagina is ingesteld in de WordPress Customizer. Dit sjabloonbestand heeft voorrang op home.php en maakt het mogelijk om een aangepaste lay-out voor je homepage te maken.
- home.php: Wordt gebruikt wanneer uw homepage blogberichten weergeeft (d.w.z. een lijst met recente berichten). Deze sjabloon wordt gebruikt als front-page.php niet aanwezig is.
Als geen van beide sjabloonbestanden wordt gevonden, valt WordPress terug op het algemene sjabloon, index.php.
2. Enkele berichten
WordPress volgt een specifieke hiërarchie om te bepalen welk sjabloonbestand moet worden gebruikt bij het bekijken van een enkel bericht. Eerst wordt er gezocht naar een sjabloon voor een enkel berichttype, zoals single-{post_type}.php. Hiermee kun je aangepaste lay-outs maken voor verschillende soorten berichten.
Als je bijvoorbeeld een aangepast berichttype als “portfolio” bekijkt, zal WordPress zoeken naar een sjabloonbestand als single-portfolio.php.
Als noch single-{post_type}.php noch single.php beschikbaar is, zal WordPress terugvallen op het standaard sjabloonbestand, index.php. Dit is het meest basale WordPress sjabloon dat wordt gebruikt om inhoud weer te geven als er geen specifieker sjabloon wordt gevonden.
3. Statische pagina’s
In WordPress worden statische pagina’s meestal weergegeven met het page.php sjabloonbestand, een van de primaire sjablonen in je sjabloonbestanden. Dit bestand zorgt voor de opmaak en structuur van de meeste statische pagina’s op je WordPress website.
Je kunt echter de weergave van specifieke pagina’s aanpassen door sjablonen te maken. Je kunt bijvoorbeeld een custom-page.php-bestand maken om een unieke lay-out voor een bepaalde pagina te definiëren. Je kunt verschillende sjabloonbestanden en HTML-bestanden gebruiken om verschillende paginagedeeltes te maken wanneer je sjablonen maakt. Deze secties worden vaak sjabloononderdelen genoemd.
4. Categorie pagina’s
Wanneer je categoriepagina’s op je WordPress website bekijkt, volgt WordPress een specifieke sjabloonhiërarchie om te bepalen welk sjabloonbestand je moet gebruiken.
Eerst wordt er gezocht naar category.php, het primaire sjabloonbestand dat categorie-archieven weergeeft. Als het bestand category.php niet aanwezig is in de map van je thema, gaat WordPress op zoek naar een specifieker sjabloonbestand.
Dit zou categorie-{slug}.php kunnen zijn, waarbij {slug} verwijst naar de specifieke categorienaam (bijvoorbeeld categorie-nieuws.php). Hiermee kunt u aangepaste lay-outs maken voor verschillende categorieën op uw site….
Als geen van deze themasjabloonbestanden bestaat, valt WordPress terug op archive.php, dat archieven weergeeft van elk posttype (inclusief categorieën, tags en aangepaste posttypes). Ten slotte, als geen van de vorige sjablonen wordt gevonden, zal WordPress terugvallen op het meest basale sjabloonbestand, index.php.
5. Aangepaste berichttypen
WordPress volgt een specifieke hiërarchie voor aangepaste posttypes om te bepalen welke sjabloonbestanden moeten worden gebruikt. Wanneer je een enkel bericht van een aangepast berichttype bekijkt, zoekt WordPress eerst naar een aangepast sjabloon zoals single-{post_type}.php.
Hiermee kun je een unieke lay-out maken voor berichten die gerelateerd zijn aan dat aangepaste berichttype, zoals een portfolio- of productpagina.
Als het single-{post_type}.php bestand niet wordt gevonden, zal WordPress terugvallen op het meer algemene single.php sjabloon.
6. Pagina’s met zoekresultaten
Bij het zoeken op een WordPress website zoekt WordPress eerst naar het sjabloonbestand search.php om de zoekresultaten weer te geven.
Dit bestand is ontworpen om zoekopdrachten te verwerken en de resultaten te presenteren in een aangepaste lay-out. Als search.php niet beschikbaar is in de sjablonen van je thema, gebruikt WordPress het standaard sjabloonbestand index.php.
7. 404-foutpagina’s
Als een pagina niet bestaat of niet kan worden gevonden op je WordPress website, zal WordPress automatisch een 404 foutpagina weergeven. De standaardsjabloon die wordt gebruikt is 404.php, een van de primaire sjabloonbestanden voor het afhandelen van “niet gevonden” fouten.
U kunt echter een aangepaste foutpaginasjabloon maken. Door een aangepast 404.php-bestand toe te voegen aan je themamap, kun je ontwerpen hoe de foutpagina eruitziet en zich gedraagt. Hierdoor kun je gebruikers een meer op maat gemaakte ervaring bieden wanneer ze een ontbrekende pagina tegenkomen.
Sjabloonhiërarchie in actie
Laten we eens kijken hoe de WordPress sjabloonhiërarchie in de praktijk werkt. We onderzoeken hoe de hiërarchie in de praktijk werkt, zodat je de tools in handen krijgt om de sjabloonstructuur van je site te optimaliseren en je thema-ontwikkelingsproces te verbeteren.
Template selectieproces
Wanneer je een enkele post op een WordPress site bezoekt, volgt WordPress een hiërarchie om het juiste sjabloonbestand te kiezen:
- Eerst wordt er gecontroleerd op een specifiek sjabloon zoals single-post.php voor gewone berichten.
- Als dat niet wordt gevonden, zoekt het naar de meer algemene single.php.
- Als geen van beide bestanden bestaat, gebruikt WordPress standaard index.php.
Voorbeeld uit de echte wereld: aangepast posttype
Laten we zeggen dat je een aangepast posttype “portfolio” hebt gemaakt om je projecten weer te geven. Zo werkt de sjabloonselectie voor aangepaste posttypes:
- WordPress zoekt eerst naar een sjabloonbestand met de naam single-portfolio.php in je WordPress-thema. Met dit bestand kun je een aangepaste lay-out maken, specifiek voor portfolio-items.
- Als single-portfolio.php niet bestaat, zal WordPress zoeken naar single.php, een meer algemene sjabloon voor het weergeven van enkele berichten.
- WordPress keert terug naar het standaard index.php sjabloonbestand om de inhoud weer te geven als geen van deze sjablonen wordt gevonden.
Deze hiërarchie in sjablonen zorgt ervoor dat je WordPress site altijd inhoud kan weergeven.
Inzicht in de hiërarchie van paginasjablonen is belangrijk om aan te passen hoe verschillende WordPress pagina’s worden weergegeven. Dit omvat gewone berichten, zoekpagina’s of aangepaste berichttypes zoals een portfolio.
Als je de juiste WordPress themasjabloonbestanden gebruikt, kun je volledig bepalen hoe de inhoud op je site wordt weergegeven.
Sjablonen aanpassen in WordPress
Een van de geweldige dingen van WordPress is de mogelijkheid om het uiterlijk van je site aan te passen door meerdere sjablonen te maken voor verschillende delen van je site. Je kunt de lay-out aanpassen aan je behoeften, of het nu gaat om een specifieke WordPress-pagina, een blogbericht of een aangepast berichttype zoals een portfolio.
Aangepaste sjablonen maken
Om een aangepast sjabloon te maken, voeg je een nieuw PHP-bestand toe in de map van je WordPress-thema. Als je bijvoorbeeld een specifieke blogpost een ander ontwerp wilt geven, kun je een bestand genaamd single-post.php maken en dit aanpassen.
Op dezelfde manier, als je een speciaal uiterlijk wilt creëren voor een categoriepagina, kun je een bestand maken als categorie-{slug}.php. Dit is een deel van hoe het begrijpen van de WordPress sjabloonhiërarchie je helpt om je site aan te passen.
Voorwaardelijke tags gebruiken
WordPress maakt het gemakkelijk om te bepalen welke sjablonen worden gebruikt door voorwaardelijke tags aan te bieden. Deze tags controleren welk type pagina wordt bekeken en beslissen welke sjabloon wordt geladen. Als je bijvoorbeeld een specifieke sjabloon wilt voor je “Over”-pagina, kun je een voorwaardelijke tag als deze gebruiken:
php
if (is_page('about')) {
// Load the custom template include
('custom-about-page.php');
}Dit vertelt WordPress om je aangepaste sjabloon alleen te laden wanneer iemand de “Over” WordPress pagina bezoekt.
Sjabloon overschrijvingen
Als je werkt met een child theme (een thema waarin je wijzigingen kunt aanbrengen zonder het hoofdthema te beïnvloeden), kun je de standaardsjablonen overschrijven.
Als je bijvoorbeeld wilt veranderen hoe afzonderlijke berichten worden weergegeven, kun je een nieuwe sjabloon maken in de map van het kinderthema. WordPress zal automatisch voorrang geven aan je aangepaste sjabloon boven de standaardsjablonen van het hoofdthema, zodat je volledige controle hebt over het ontwerp van je site.
Dit is vooral handig wanneer je werkt met de hiërarchie van enkelvoudige berichtsjablonen, waar je specifieke berichttypes of categorieën kunt targeten voor aangepaste ontwerpen.
Kindthema’s in de WordPress sjabloonhiërarchie
Kind-thema’s spelen een belangrijke rol in de ontwikkeling van WordPress-thema’s, ook al worden ze misschien niet direct genoemd in de sjabloonhiërarchie spiekbrief.
Met een child theme kun je je WordPress-thema’s aanpassen zonder het hoofdthema (parent theme) te beïnvloeden. Deze aanpak biedt een veilige manier om wijzigingen aan te brengen terwijl de kernfunctionaliteit van het hoofdthema behouden blijft.
Werken met een child theme voegt een extra laag toe aan het WordPress template systeem, waardoor je templates en webpagina’s kunt overschrijven zonder de originele themabestanden aan te passen. Dit maakt het gemakkelijker om het hoofdthema bij te werken zonder je aanpassingen te verliezen.
Door gebruik te maken van child themes kun je het WordPress template systeem effectief begrijpen en ervoor zorgen dat je wijzigingen zowel veilig als duurzaam zijn.
Doel en voordelen van WordPress sjabloonhiërarchie
1. Organisatie en flexibiliteit
De WordPress sjabloonhiërarchie helpt bij het organiseren van hoe inhoud wordt weergegeven door het juiste sjabloonbestand te selecteren op basis van het inhoudstype.
Door de hiërarchie van sjablonen te begrijpen, kunt u eenvoudig aangepaste lay-outs maken voor specifieke secties van uw site, zoals categoriepagina’s, tagpagina’s en 404-foutpagina’s. Dit geeft u flexibiliteit in het ontwerp zonder dat andere gedeelten van uw site worden beïnvloed.
2. Optimalisatie van de prestaties
De templatehiërarchie van WP verbetert de prestaties van de site door alleen de benodigde templatebestanden te laden.
Dit vermindert de belasting van de server, versnelt het renderen van pagina’s en maakt je site efficiënter. WordPress vindt snel het juiste PHP-sjabloon voor elke pagina, waardoor onnodige controles en vertragingen worden vermeden.
3. SEO voordelen
Het gebruik van de juiste sjabloonbestanden verbetert de prestaties van zoekmachines. Ze zorgen ervoor dat je zoekpagina en websites goed gestructureerd zijn voor zoekmachines.
De juiste sjablonen voor blogberichten, categoriepagina’s en andere inhoud helpen zoekmachines om uw site nauwkeurig te indexeren, waardoor de zichtbaarheid en ranking verbeteren.
Het optimaliseren van je zoekpagina’s met relevante zoekwoorden en metadata verbetert de SEO nog verder, waardoor het voor zoekmachines makkelijker wordt om je inhoud te begrijpen en te rangschikken. Bovendien kun je de Yoast SEO-plugin gebruiken voor allround SEO-optimalisatie van je website. Bekijk dit artikel voor meer informatie over het verhogen van je zoekmachine rankings met Yoast SEO.
4. Volledig aanpasbaar
De hiërarchie van WP-sjablonen maakt volledige aanpassing van je site mogelijk. Je kunt unieke lay-outs maken voor specifieke pagina’s of inhoudstypen, zoals de index voor blogberichten of aangepaste posttypes, waardoor je volledige controle hebt over het ontwerp en de functionaliteit van je site.
Als je de hiërarchie begrijpt, kun je je sjabloon definiëren voor meer op maat gemaakte WordPress sites.
Problemen oplossen en veelvoorkomende valkuilen in WordPress sjabloonhiërarchie
Ontbrekende sjablonen
Wanneer WordPress geen passend sjabloonbestand kan vinden voor een specifieke pagina of inhoud, wordt standaard het bestand index.php gebruikt. WordPress gebruikt deze terugvalsjabloon als er geen andere sjablonen beschikbaar zijn.
Als je site niet wordt weergegeven zoals verwacht, is het belangrijk om te controleren of de juiste WordPress sjabloonbestanden aanwezig zijn in de map van je thema. Als je bijvoorbeeld een categoriepagina hebt, maar geen category.php-bestand, zal WordPress terugvallen op index.php, waardoor de pagina er mogelijk anders uitziet dan je had bedoeld.
In zulke gevallen moet je overwegen om de sjablonen te debuggen. Laten we eens kijken hoe we dit probleem kunnen debuggen en oplossen.
Sjabloonproblemen debuggen
Als uw webpagina niet de juiste sjabloon laadt of als de inhoud onjuist wordt weergegeven, kunt u debuggingprogramma’s of de functie get_template_part() gebruiken om vast te stellen welke sjabloonbestanden worden geladen.
Als je dit doet, kun je de stroom van het WordPress proces voor sjabloonselectie volgen en precies bepalen waar het fout gaat.
Als een PHP categoriepagina bijvoorbeeld de verkeerde lay-out toont, kan de functie get_template_part() je helpen controleren of het juiste PHP-sjabloon uit de themamap wordt gehaald.
Hierdoor kun je problemen opsporen en efficiënter oplossen.
Veelgemaakte fouten
- Sjabloonbestanden verkeerd benoemen: WordPress gebruikt een specifieke naamgevingsconventie om de juiste sjabloon te selecteren. Als je bijvoorbeeld een aangepaste lay-out wilt voor een categoriepagina, dan moet het bestand categorie-{slug}.php heten en niet categorie-pagina.php. Zorg ervoor dat alle WordPress sjabloonbestanden de juiste naam hebben volgens de sjabloonhiërarchie om verwarring te voorkomen.
- Sjablonen verkeerd overschrijven: Als je een child theme gebruikt om aanpassingen te maken, zorg er dan voor dat je de sjablonen correct overschrijft. Wijzigingen moeten worden aangebracht in de map van het child-thema en niet in de map van het parent-thema. Op deze manier worden uw aangepaste sjablonen niet overschreven wanneer het hoofdthema wordt bijgewerkt en kunt u uw wijzigingen behouden. Geef sjablonen in je kinderthema altijd voorrang boven sjablonen in het hoofdthema.
Laatste gedachten
Inzicht in de hiërarchie van WordPress-sjablonen is belangrijk om je site effectief aan te passen. Je kunt flexibele, geoptimaliseerde lay-outs maken door te weten hoe WordPress de juiste sjablonen zoekt op basis van inhoudstypen, zoals sjablonen voor de voorpagina of afzonderlijke berichten.
De ontwikkeling van WordPress-thema’s wordt efficiënter als je de hiërarchie van de sjablonen begrijpt. Dit systeem helpt bij het ontwerp en verbetert de SEO en websiteprestaties, zodat de gebruikerservaring soepeler verloopt. Beheers de sjabloonhiërarchie en ontgrendel het volledige potentieel van je site.
FAQs
De WordPress Sjabloonhiërarchie dicteert de volgorde waarin WordPress sjabloonbestanden zoekt om verschillende soorten inhoud te renderen.
Als WordPress het gewenste sjabloonbestand niet kan vinden, keert het terug naar het standaard sjabloonbestand, index.php.
Je kunt aangepaste sjablonen maken door sjabloonbestanden een naam te geven zoals single-{post_type}.php of category-{slug}.php.
Je kunt de standaardsjablonen overschrijven met een child theme of aangepaste PHP-sjabloonbestanden maken in de map van je thema.
WordPress zoekt het meest specifieke sjabloonbestand voor de opgevraagde inhoud en keert indien nodig terug naar meer algemene sjabloonbestanden.
Voor categorie- en tagpagina’s zoekt WordPress naar category.php of tag.php. Als die bestanden niet worden gevonden, valt WordPress terug op archive.php.
Schrijf een reactie