Template: een sjabloon voor een type pagina

Je hebt vijfentwintig projectpagina’s op je site. Bij elke pagina staat de titel net iets anders en heeft de foto een ander formaat. De knop staat eens boven en eens onder. Dat is niet slordig bedoeld. Het gebeurt vanzelf als elke pagina los is opgebouwd.

Het kost je bovendien tijd. Elke nieuwe pagina begin je opnieuw en elke wijziging doe je vijfentwintig keer.

Een sjabloon maakt daar een einde aan. Je legt de opbouw een keer vast en vult daarna alleen nog de inhoud in.

Dat is het verschil tussen een site onderhouden en een site steeds opnieuw bouwen.

Template uitgelegd in het webdesign woordenboek van Project Direct
Een sjabloon dat bepaalt hoe een type pagina eruitziet.

Wat is een template?

Een template is een sjabloon dat bepaalt hoe een type pagina wordt opgebouwd. Waar de titel staat, hoe groot de foto is, waar de knop komt.

De vorm ligt vast en de inhoud verschilt. Dat is de hele gedachte erachter.

Waar je ze tegenkomt

Bij alles wat in soorten voorkomt. Projectpagina’s, blogberichten, productpagina’s, vacatures.

Ook de pagina die je nu leest komt uit een sjabloon. Elk begrip in dit woordenboek gebruikt dezelfde opbouw.

Het verschil met een thema

Een theme is het geheel: je vormgeving, je lettertypes, je kleuren en alle bestanden eromheen.

Een template is daar een onderdeel van. Het gaat over een specifiek type pagina.

Hoe ik het uitleg

Een thema is het huis. Een template is de plattegrond van een kamer die vaker voorkomt.

Je kunt binnen een huis meerdere plattegronden hebben. Andersom werkt het niet.

Wat het je oplevert

Drie dingen

  1. Een nieuwe pagina maken kost minuten in plaats van uren.
  2. Alles ziet er hetzelfde uit, ook over drie jaar.
  3. Een wijziging doe je een keer, voor alle pagina’s tegelijk.

Die derde is de grootste winst. Wil je bij elke projectpagina een knop toevoegen, dan is dat een handeling.

En het geldt ook voor je klanten

Wie zelf pagina’s aanmaakt, hoeft niets vorm te geven. Bij het inhoud invullen vul je velden in en de rest gebeurt automatisch.

Dat voorkomt dat je site na een jaar uit elkaar valt. Meer daarover lees je bij design system.

Zelf aanpassen

Dat hangt af van waarmee je site is gebouwd. Met een bouwer als Elementor pas je sjablonen visueel aan.

Bij een sjabloon in code is het werk voor je bouwer. Het voordeel daarvan is dat het lichter draait.

Let op bij het wijzigen

Bij het aanpassen van een sjabloon verandert elke pagina die hem gebruikt. Dat is de kracht en tegelijk het risico.

Test dat dus op een kopie. Vijfentwintig pagina’s tegelijk stukmaken gaat sneller dan je denkt.

Kant-en-klare sjablonen

Er zijn hele bibliotheken met kant-en-klaar sjabloon te koop. Dat is verleidelijk en het werkt zelden goed.

Ze zijn gemaakt om er in een demo mooi uit te zien. Met perfecte foto’s en teksten van precies de goede lengte.

Wat er in de praktijk gebeurt

Je eigen tekst is langer, je foto is anders en het blok valt uit elkaar. Dan ga je vechten met iets wat niet voor jou is gemaakt.

Ze zitten bovendien vol onderdelen die je nooit gebruikt. Dat kost laadtijd, zie pagespeed.

Test elke wijziging op een kopie

Maak vooraf een back-up, ook bij een kleine aanpassing. Dat kost twee minuten.

Het scheelt je een keer een hele middag. Vijfentwintig pagina’s tegelijk stukmaken gaat namelijk snel.

Waarom je klanten er baat bij hebben

Wie zelf een pagina aanmaakt, blijft binnen dezelfde vorm. Er valt niets te kiezen en dus ook niets te verprutsen.

Dat houdt je site jaren consistent, ook als er vijf mensen aan werken. Meer daarover lees je bij CMS.

De woorden lopen door elkaar

Ook bureaus gebruiken sjabloon en thema door elkaar. Vraag dus even door als het uitmaakt.

Zeker in een offerte waarin sjablonen apart worden begroot. Dan wil je weten wat je precies koopt, zie frontend.

Meer vragen over Template

Dit zijn de vragen die ik hierover het vaakst krijg. Ik werk ze los uit.

  • Wat is een template?
  • Wat is het verschil tussen een template en een theme?
  • Waarom zou je met templates werken?
  • Kun je een template zelf aanpassen?
  • Zijn kant-en-klare templates een goed idee?
  • Wat gebeurt er met mijn pagina’s als ik een template wijzig?
Een theme is het geheel: je vormgeving, je lettertypes, je kleuren en alle bestanden eromheen. Een template is daar een onderdeel van. Het gaat over een specifiek type pagina. Ik leg het meestal zo uit: een thema is het huis, een template is de plattegrond van een kamer die vaker voorkomt. Je kunt binnen een huis meerdere plattegronden hebben. Andersom werkt het niet. In de praktijk hoor je beide woorden door elkaar, ook bij bureaus. Vraag dus even door als het uitmaakt, bijvoorbeeld in een offerte waar sjablonen apart worden begroot. Vraag in een offerte of er sjablonen worden gemaakt en voor welke pagina’s. Dat is een concrete vraag. Ook bureaus gebruiken de woorden door elkaar. Vraag dus door als het uitmaakt voor wat je koopt. Onthoud het als huis en plattegrond. Het thema is het huis, een sjabloon de plattegrond van een kamer. Zo weet je precies wat er wordt opgeleverd.
Een template is een sjabloon dat bepaalt hoe een bepaald type pagina wordt opgebouwd. Waar de titel staat, hoe groot de foto is, waar de knop komt. De vorm ligt vast en de inhoud verschilt. Dat is de hele gedachte erachter. Je komt ze tegen bij alles wat in soorten voorkomt. Projectpagina’s, blogberichten, productpagina’s, vacatures. Ook de pagina die je nu leest komt uit een sjabloon. Elk begrip in dit woordenboek gebruikt dezelfde opbouw. Zonder sjabloon bouw je elke pagina los op. Dan staat de titel bij de een net iets anders dan bij de ander, en dat wordt na twintig pagina’s zichtbaar. Kijk of je pagina’s in soorten voorkomen. Projecten, diensten, berichten: dat zijn kandidaten voor een sjabloon. Zonder sjabloon staat de titel bij de een net iets anders dan bij de ander. Na twintig pagina’s wordt dat zichtbaar. Begin bij het type pagina dat je het vaakst aanmaakt. Daar zit je grootste tijdwinst.
Om drie redenen, en ze schelen allemaal tijd. Een nieuwe pagina maken kost minuten in plaats van uren. Alles ziet er hetzelfde uit, ook over drie jaar. En een wijziging doe je een keer, voor alle pagina’s tegelijk. Die derde is de grootste winst. Wil je bij elke projectpagina een knop toevoegen, dan is dat een handeling in plaats van vijfentwintig. Het geldt ook voor wie zelf pagina’s aanmaakt. Je vult velden in en de rest gebeurt automatisch. Dat voorkomt dat je site na een jaar uit elkaar valt. Iedereen die iets toevoegt, blijft namelijk binnen dezelfde vorm. Reken uit hoeveel tijd het je kost om een wijziging op vijfentwintig pagina’s door te voeren. Dat is je winst. Bij een sjabloon is dat een handeling. Dat is meteen het sterkste argument om het in te richten. Elke nieuwe pagina kost je daarna minuten in plaats van uren. Dat telt snel op bij een groeiende site.
Dat hangt af van waarmee je site is gebouwd. Met een visuele bouwer pas je sjablonen zelf aan. Bij een sjabloon in code is het werk voor je bouwer. Het voordeel daarvan is dat het lichter draait. Let op bij het wijzigen: elke pagina die dat sjabloon gebruikt, verandert mee. Dat is de kracht en tegelijk het risico. Test dat dus op een kopie van je site. Vijfentwintig pagina’s tegelijk stukmaken gaat sneller dan je denkt. Maak vooraf een back-up, ook bij een kleine aanpassing. Dat kost twee minuten en het scheelt je een keer een hele middag. Test elke wijziging op een kopie van je site. Elke pagina die het sjabloon gebruikt, verandert namelijk mee. Maak vooraf een back-up, ook bij een kleine aanpassing. Dat kost twee minuten en scheelt je een keer een middag. Vraag je bouwer welke pagina’s een sjabloon delen voordat je iets wijzigt. Dan weet je wat je raakt.
Zelden. Ze zijn gemaakt om er in een demo mooi uit te zien, met perfecte foto’s en teksten van precies de goede lengte. In de praktijk is je eigen tekst langer, is je foto anders en valt het blok uit elkaar. Dan ga je vechten met iets wat niet voor jou is gemaakt. Ze zitten bovendien vol onderdelen die je nooit gebruikt. Dat kost laadtijd bij elke bezoeker. Je bespaart aan de voorkant een paar uur en betaalt dat later terug in onderhoud. Bij een tijdelijke site of een klein budget kan het prima. Kijk dan wel of het sjabloon met jouw soort inhoud werkt en niet alleen met de demo-inhoud. Kijk of het sjabloon werkt met jouw soort inhoud en niet alleen met de demo-inhoud. Plak er je eigen tekst in. Je bespaart aan de voorkant een paar uur en betaalt dat later terug in onderhoud. Dat is de rekensom die niemand maakt.
Bouw je elke nieuwe pagina nog los op en ziet je site er daardoor rommelig uit? Beschrijf je situatie via het formulier hieronder. Ik kijk welke pagina’s zich lenen voor een sjabloon en wat dat je aan tijd scheelt. Vermeld je plaats, dan weet ik meteen waar je zit.

Waar kan ik je mee helpen?