er zijn vele manieren waarop u het uiterlijk van een specifieke pagina op uw WordPress site kunt veranderen. U kunt de inhoud in de WordPress content editor wijzigen. U kunt de CSS-regels die van invloed zijn op de site te wijzigen. Of maak een nieuw bestand in template hiërarchie van uw WordPress thema aan de specifieke pagina overeen te komen. Of u kunt gebruik maken van een thema pagina sjabloon speciaal ontworpen voor die pagina. De laatste is waar we het hier over hebben. In deze tutorial zullen we zowel hoe je een WordPress aangepaste pagina template te maken, en waarom je zou willen om dat te doen. We beginnen met het waarom.

wanneer u zegt “WordPress Theme aangepaste pagina Template”, wat bedoel je?

er is een enorm terminologieprobleem met dit onderwerp. Zoals ik al aangaf boven, Er zijn een heleboel dingen met de vage notie van “pagina” en “template” in de WordPress wereld die niet zijn wat we het hier over hebben. Het eerste wat ik * niet * betekenen bij het zeggen “WordPress aangepaste pagina template” is ” een WordPress thema.”(Veel mensen nieuw voor WordPress zeggen “sjablonen” als ze bedoelen ” een WordPress thema.”)

dus wat bedoel ik met “aangepaste pagina sjabloon”? Ik bedoel wat er rechts staat. Bijvoorbeeld, u bent het bewerken van de pagina content type in WordPress (hoewel, zoals we later zullen zien, het kan nu ook andere WordPress content types). En tijdens het bewerken van uw pagina, merkt u de “pagina attributen” doos, en binnen dat, je zou kunnen (afhankelijk van als uw thema al deze sjablonen) zie deze “Template” dropdown. Dit selectievakje is aan de rechterkant afgebeeld (het is ook aan de rechterkant van uw “pagina bewerken” scherm). Als u deze dropdown, het is omdat uw thema biedt een aantal van deze ” aangepaste pagina sjablonen.”Ze zijn eigenlijk bestanden in de map van uw huidige actieve thema’ s (of de ouder), en hebben een enkele onderscheidende functie die we later zullen komen. Maar deze selecteerbare dropdown van benoemde pagina templates is waar we het vandaag over hebben.

hoe past dit in de Sjabloonhiërarchie?

ik heb eerder geschreven, en Ik zal het waarschijnlijk opnieuw doen, over hoe de template — er is dat woord weer-hiërarchie is echt het belangrijkste concept dat u moet begrijpen om te bouwen of te wijzigen van een WordPress thema. (Hier is onze snelle intro om het.) Bijna al het andere is een detail dat je kunt uitwerken als je eenmaal de basisdynamiek van de template hiërarchie hebt begrepen. Het specifieke wat we vandaag bedoelen, staat echter buiten de template hiërarchie. Deze “geselecteerde sjabloon” vervangt in wezen het hele selectieproces van de sjabloonhiërarchie.

als een aangepast paginasjabloon is geselecteerd in de dropdown die we hierboven hebben getoond, zal dat “template” bestand worden gebruikt. Punt uit, geen uitzondering.

om aan te geven dat, als een aangepaste paginasjabloon is geselecteerd, dat “sjabloon” – bestand zal worden gebruikt. Punt uit, geen uitzondering. Zo niet, dan zal de WordPress template hiërarchie zoeken naar een iets andere manier dat iemand zou hebben geprobeerd om een specifieke pagina te stylen — met een page-123.php of page-custom-template-utilizer.php bestand. (Het verschil tussen de aangepaste sjabloon, en een met deze page-$id of page-$slug structuur is eigenlijk alleen in interactie en interface.) Als geen van beide gevonden wordt, zal WordPress terugvallen op page.php, als het bestaat, en als het niet bestaat, zullen we eindigen bij de ultieme fallback, index.php.

als u zich afvraagt waarom u deze methode zou gebruiken in tegenstelling tot de numerieke of slug — methode — in beide gevallen maakt u immers een aangepast bestand in uw thema-is de reden dat het gebruik van aangepaste sjablonen u meer flexibiliteit en onafhankelijkheid geeft tussen uw thema en de database en inhoud van uw site. Om die reden, Ik zou het aanraden in zowat elke situatie als je niet zeker weet welke te gaan met. Met de numerieke of slug-gebaseerde page-*.php structuur, bent u gedwongen om uw thema weten over de specifieke manier waarop uw WordPress database gegevens is op dit moment. (Dus als je het thema opnieuw op een andere WordPress site, bijvoorbeeld, dat bestand is nutteloos.)

Hoe maak ik een WordPress aangepaste pagina sjabloon?

OK, dus we weten dat aangepaste paginasjablonen de WordPress template hiërarchie zullen vervangen. En dat we gebruik maken van hen op de werkelijke pagina ‘ s van onze WordPress site te maken door ze te selecteren uit een “Template” dropdown menu op de rechterbalk van het relevante stuk van de inhoud. Dus het is tijd om naar het proces voor het maken van een WordPress aangepaste pagina template.

wat u gaat doen is, voeg aan uw thema (en het zou echt een kindthema moeten zijn, tenzij er een zeer sterke beperking is die dat voor u onmogelijk maakt) een bestand toe met een naam als my-template.php of really-cool-awesome.php. Het maakt niet echt uit, zolang je geen naam gebruikt die deel uitmaakt van de template hiërarchie, ben je goud waard. (Wat betekent: gebruik geen naam als page-whatever.php. Zoals we hierboven besproken, WordPress template hiërarchie denkt dat het eigenaar is van een bestand met de naam met dat patroon.)

zodra je het bestand hebt (cool-page-template.php, van wat je maar wilt), moet je het als volgt starten:

<?php/*Template Name: Name To Appear In The Dropdown*/?>This is my custom template.

en je bent bijna klaar. Zoals je waarschijnlijk kunt raden, de naam die zal verschijnen in de” Template “drop down is wat ik slim noemde” naam te verschijnen in de Dropdown.”Net als het style.css – bestand van uw thema, of het hoofdbestand van een plugin, gebruikt WordPress de informatie in deze code om het te voorzien van context om te werken.

dan zal de inhoud van onze pagina ‘ s, in dit geval de zeer eenvoudige HTML-tekst “This is my custom template”zijn. Zoals je zou kunnen raden, hier is waar je veel meer kans om de HTML-inhoud die u wilt verschijnen op de pagina te zetten. Dus je <h1> tags, <p> tags, en misschien (als je zin hebt 🤪) wat PHP om aangepast gedrag te doen die je wilt laten zien.

Waarom uw WordPress aangepaste pagina sjabloon niet verschijnt

ik heb (meer dan eens) de ervaring gehad dat mijn nieuwe WordPress pagina sjabloon niet verschijnt. Veruit de meest voorkomende oorzaak is dat ik heb getypeerd (of verkeerd onthouden) hoe het bestand header commentaar eruit moet zien. Het moet worden geëtiketteerd met de juiste titel. Dus Template Name: Narrow Page is perfect,maar WordPress zal nooit iets vinden dat in plaats daarvan een header van Template: Customheeft.

er zijn nog een paar andere zaken te controleren. Andere redenen waarom u zou kunnen vinden dat uw aangepaste pagina sjabloon niet wordt weergegeven:

• u plaatst het bestand op de verkeerde plaats (het moet in uw huidig draaiend thema staan, of zijn ouder)
• u gaf uw sjabloon een bestand dat begint met page-. Vanwege een functie van WordPress thema ‘ s worden aangepaste paginasjablonen die beginnen met page- in plaats daarvan behandeld als pagina van de sjabloonhiërarchie.
• uw thema mist een van de twee vereiste bestanden, en werkt dus niet. (WordPress thema ‘ s* moeten * een index.php bestand en een style.csshebben.)
• er was een probleem met dit terug in de dagen van WordPress 4.9 (enkele jaren geleden nu)

Paginasjablonen voor Niet – “pagina” WordPress aangepaste Posttypen

voor een groot deel van de geschiedenis van WordPress waren deze “aangepaste paginasjablonen” alleen voor het “Pagina” – type. (WordPress heeft slechts twee soorten inhoud, “berichten” en “pagina ‘ s” standaard.) Maar in WordPress 4.7, de functie is toegevoegd dat u deze pagina templates met nieuwe inhoud types kon gebruiken (vaak genoemd “custom post types”).

om dit te doen, voegt u een andere regel toe aan uw “file header.”Zodat het er een beetje zo uit zou zien:

<?php/*Template Name: Narrower TemplateTemplate Post Type: post, page, event*/// Page HTML and PHP goes here...

zoals je waarschijnlijk kunt raden, geeft deze nieuwe Template Post Type: header de “code-level” naam voor de (aangepaste) post types. U zult merken dat in het bovenstaande voorbeeld, we een lijst van de page inhoudstype dat WordPress schepen met, evenals de post een. Daarnaast ondersteunen we een derde “custom post type” genaamd event.

een goede reden om aangepaste Paginasjablonen

te gebruiken als u dit al eerder hebt gedaan, zult u merken dat de pagina hierboven geen styling zal hebben en er heel erg weinig uitziet als de rest van uw WordPress site (tenzij u het eenvoudigste denkbare thema hebt). Dat komt omdat ons bestand heeft een eenvoudig ding in het, en mist functionaliteit heel gebruikelijk in alle andere thema-pagina ‘ s. Het heeft geen get_header(), get_footer(), of de lus, aanroepen die al uw andere thema-bestanden waarschijnlijk doen.

soms wilt u een pagina die niet veel lijkt op de rest van uw site, maar toch deel uitmaakt van uw WordPress management ervaring. Deze aangepaste sjablonen zijn perfect voor dat.

maar het illustreert ook een van de grote krachten van aangepaste sjablonen zoals deze: soms wilt u een pagina die niet veel lijkt op de rest van uw site, maar nog steeds een deel van uw WordPress management ervaring. Deze aangepaste sjablonen zijn perfect voor dat. Terwijl je ziet dat ze ook worden gebruikt voor archiefpagina ‘s, of (minder vaak) contactpagina’ s, wordt deze mogelijkheid vaak over het hoofd gezien.

en tot slot, wat praktisch advies over Paginasjablonen

Als u een pagina wilt maken die er net zo uitziet als uw andere pagina ‘ s (maar een beetje anders), zou ik eigenlijk beginnen met het kopiëren van een bestaand bestand uit uw thema, waarschijnlijk page.php. Dit is simpelweg omdat de meesten van ons vinden het makkelijker om iets te veranderen dan om te bouwen vanaf nul. Het code voorbeeld geeft uw paginasjabloon die “blank white page” betekenis, waar u waarschijnlijk op zoek bent naar het toevoegen of verwijderen van een aantal specifieke details van uw bestaande page.php sjabloon. Het verwijderen van de zijbalk of de voettekst, bijvoorbeeld, zijn veel voorkomende redenen dat mensen een “aangepaste pagina template” in WordPress.

zoals we hebben behandeld, als u het page.php bestand van uw thema dupliceert om uw aangepaste paginasjabloon te maken, moet u ervoor zorgen dat u de “aangepaste paginasjabloon header” toevoegt die we hierboven hebben. Nogmaals, dat zijn de “magische” pagina die maakt deze sjablonen gewoon werken. Ga nu geweldige pagina ‘ s maken!

beeld door: Infrogmation