In deze les leer alles over pagina sjablonen. Over hoe een pagina is ingedeeld, wat voor soorten pagina sjablonen je hebt en hoe je het sjabloon van je pagina wijzigt.

Sjablonen

In ons CMS (content management systeem: de manier om de website te bewerken) heeft elk thema verschillende soorten pagina indelingen. In ons CMS noemen we dit sjablonen. Dit is om te zorgen dat de pagina indeling van de homepage anders kan zijn dan van de subpagina waar je de schooltijden bijvoorbeeld neerzet.

Soorten sjablonen

In essentie bestaan er dus twee soorten pagina's;

1. Pagina's geschikt voor een homepage, in ons CMS welcomepage genoemd.
2. Pagina's geschikt voor het weergeven van content, in ons CMS contentpage genoemd.

Zo'n pagina is opgebouwd uit verschillende placeholders, maar daar later in het kopje placeholders meer over. Allereerst leggen we de twee verschillende sjablonen uit hieronder.

Welcome page

De welcome page is gemaakt als begin pagina, waar je bezoeker op terecht komt wanneer deze naar www.schoolnaam.nl gaat. Deze pagina is zo gemaakt dat de bezoeker een duidelijk beeld van je school krijgt met grote afbeeldingen en korte stukjes tekst, om zo direct de aandacht van je website bezoeker te grijpen.

Content page

De content page is gemaakt voor al je verdere pagina’s in de website. Deze pagina’s zijn zo ingedeeld dat je er veel tekstuele informatie in kwijt kan. Je kan kiezen uit verschillende sjablonen die de pagina een standaard indeling meegeven.
De bovenste pagina van het menu is de basis voor de onderliggende pagina's Het sjabloon van de bovenste pagina wordt in de subpagina's toegepast. Je kunt per pagina het sjabloon aanpassen.

Sjabloon wijzigen

Om het sjabloon van een pagina te wijzigen, ga je allereerst naar de pagina waarvan je de indeling wilt veranderen. 
Vervolgens ga je naar "Tandwielen icoon" in de bovenste werkbalk, deze optie staat tussen Thema en Taal. 

Er klapt nu een menu uit, waar je vervolgens naar Sjablonen gaat. Kies in de lijst die je nu te zien krijgt het sjabloon die je wilt. Wanneer je een sjabloon wijzigt, kan het zijn dat er blokken vervallen. Een pagina over de volledige breedte heeft bijvoorbeeld geen sidebalk. Als je in die sidebalk een afbeelding hebt staan, zie je deze niet meer op je pagina. Door terug te wijzigen naar het oorspronkelijke template, zie je alle placeholders weer. Alle pagina sjablonen hebben Inhoud. Alles wat daar in staat wordt binnen alle sjablonen bewaard.

Placeholders

Placeholders bepalen de plaats waar content op de pagina komt. Het beste kunnen we dit toelichten aan de hand van een voorbeeld. Hieronder zie je een pagina genaamd identiteit. Aan de rechterkant van de pagina zie in het grijze vak (ook wel de structuur genoemd) de verschillende placeholders, zoals "Main", "Sidebar" enz. Zoals je ziet staat er in "Main" tekst. De placeholder "Main" zorgt er dus voor dat alle content die je hier in plaatst op deze locatie terechtkomt. In deze placeholders kan je van alles zetten; van video's tot teksten. In de volgende les gaan we leren hoe we in deze placeholders content toevoegen.

Statische placeholders

Tot slot zie je achter sommige namen van placeholders een pinnetje (punaise) staan, zoals bij Footer en Code Injections. Deze placeholders zijn statisch, dit wil zeggen dat wat je hier toevoegt op elke pagina van je website terugkomt. 

Afbeelding: Placeholder structuur