WordPress Sjabloon Maken

[youtube]http://www.youtube.com/watch?v=WeqUmjnfPW8[/youtube]

Een pagina heeft standaard het “Standaard sjabloon” (klinkt logisch toch?).
Dit sjabloon is gebaseerd op het bestand page.php dat je in de thema map kunt vinden. In de meeste gevallen bevat dit bestand een zijbalk (sidebar).

Het sjabloon dat ik ga maken is een sjabloon voor pagina’s waar ik die zijbalk niet wil laten zien. In het voorbeeld gebruik ik het Light Clean Blue thema (te downloaden via WordPress.org).

Ik begin met een exacte kopie te maken van het bestand page.php. Deze kopie sla ik op onder de naam no-sidebar.php. Zo herken ik makkelijk welk sjabloon het is.

Nu wordt het bestand nog niet herkend als een sjabloon.
Om een sjabloon ervan te maken voeg ik helemaal bovenaan de volgende code toe:

<?php
/*
Template Name: No sidebar
*/
?>

“No sidebar” is in dit geval de naam van het sjabloon. Deze naam verschijnt straks in de lijst van sjablonen die WordPress toont. Sla het bestand nu op.

In mijn voorbeeld gebruik ik weer de standaard “Over” pagina die bij een WordPress installatie wordt gemaakt.
Ik stel voor die pagina via het Dashboard in welk sjabloon ik wil gebruiken (weet je niet hoe je dit in moet stellen, bekijk dan de tutorial WordPress sjablonen gebruiken).

Als sjabloon kies ik voor het sjabloon dat ik net gemaakt heb (No sidebar) en klik op Bijwerken. Bezoek nu de pagina en je zult zien dat er nog niets veranderd is.

De oorzaak is simpel: het bestand no-sidebar.php is nu weliswaar een sjabloon, maar de opmaak is nog precies hetzelfde als die van page.php.
Daar gaan we nu dus iets aan veranderen.

Om de sidebar uit het thema te halen ga je op zoek naar de functie die de sidebar op het scherm zet. Dat is
get_sidebar();.

Deze regel ga je nu als commentaar maken. Je kunt dat doen door twee slashes voor de regel te zetten. Commentaar staat wel nog in het bestand maar wordt door PHP niet verwerkt.

<?php get_sidebar(); ?>

verander je dus in

<?php //get_sidebar(); ?>

Je kunt ook de volledige regel

<?php get_sidebar(); ?>

verwijderen als je dat liever hebt.

Sla wederom het bestand op en wanneer je nu de pagina bezoekt die het sjabloon gebruikt zul je zien dat de zijbalk verdwenen is.
Je kunt eventueel ook de

<div></div>

verwijderen waar de sidebar in zit, maar in dat geval moet je ook dingen in de CSS gaan veranderen. Omdat dat per thema verschillend is ga ik daar verder niet op in.

Je sjabloon hoeft natuurlijk niet alleen voor de zijbalk te zijn. Er zijn nog veel meer mogelijkheden, bijvoorbeeld de titel van de pagina niet tonen. Ook op deze mogelijkheden ga ik niet verder in, het ligt net aan je eigen wensen.

Belangrijkste is:
Je weet nu hoe je een sjabloon kunt maken op basis van het page.php bestand dat bij het thema zit.