In een template plaats je de HTML die benodigd is voor een pagina.
Je hoeft niet voor elke pagina een aparte template te maken. Pagina's die qua structuur hetzelfde zijn, maar qua inhoud anders, kun je baseren op één template. De inhoud van een template kun je dynamisch maken, maar dat leggen we later uit ;)
Samengevat:
Om je HTML kleur en vorm te geven heb je natuurlijk CSS en eventueel javascript nodig. Ga naar Bestanden in Lumen om een stylesheet aan te maken of te uploaden.
Als je ervoor kiest om een bestand aan te maken, vul je zelf gewoon de extensie in, bijvoorbeeld: style.css.
Je hebt nu de basis van Lumen onder de knie, maar je hebt nog geen gebruik gemaakt van de Lumen features.
De kracht van Lumen zit 'm vooral in de manier waarop je websites dynamisch maakt. Dat is namelijk super eenvoudig.
Alle HTML elementen zoals teksten en afbeeldinen en links in je template kun je aanpasbaar (dynamisch) maken. Dat betekent dat als je meerdere pagina's aanmaakt die gebruiken maken van één template, de afbeeldingen en teksten die gebruikt worden binnen die template aanpasbaar zijn bij het bewerken van een pagina.
Door je eigen HTML uit te breiden met het data-attribuut data-lid="" geef je aan dat het element aanpasbaar is. Binnen de quotes moet een uniek nummer staan.
<p data-lid="1">Editable dummy text</p>
<a data-lid="2">Editable href</a>
<img data-lid="3" alt="Editable image"/>
Laat zien hoe goed je Lumen begrijpt door de verschillende features van Lumen toe te passen binnen je eigen website. Je kunt gewoon spieken in de documentatie. Alle functionaliteiten zijn gedocumenteert.
Features die je kunt toepassen:
Het is niet verplicht om alle onderdelen toe te passen, maar we gebruiken het wel om je niveau te bepalen.
