Frontend (pagina)
Last updated
Last updated
Als we kijken naar de demo op de frontend van Lara CMS, dan vinden we daar een pagina ('about') met allerlei componenten.
Een grote afbeelding die over de volle breedte onder het menu, en boven de titel geplaatst is, noemen we een 'hero'.
Vlak boven de titel van de pagina wordt meestal een zogenaamde broodkruimel ('breadcrumb') geplaatst. Deze geeft het 'pad' aan van de pagina.
De titel is van groot belang voor de vindbaarheid van de pagina. In de template wordt deze titel in H1 tags gezet, zodat zoekmachines de titel kunnen identificeren. Kies een duidelijk en krachtige titel, maar maak hem niet te lang.
Elke pagina in Lara CMS kan één featured image hebben. Dit is de hoofdafbeelding van de pagina. De positie op de pagina wordt door de template bepaald. Zie opmerking over inline images hieronder.
Als een pagina een video bevat, dan wordt deze op de positie van de featured image geplaatst.
Als een pagina zowel een featured image als een video bevat, dan kan de featured image als 'video still' gebruikt worden. Zie de afbeelding hierboven.
Dit is de hoofdtekst van de pagina. Deze wordt opgemaakt in de zogenaamde WYSIWYG editor. Deze editor geeft de webmaster ruime mogelijkheden om de pagina op te maken.
Hier worden de relevante gerelateerde pagina's getoond die door de webmaster toegevoegd zijn. Het gebruik van gerelateerde pagina's in plaats van hard gecodeerde links in de tekst voorkomt dode links.
Hier worden de relevante gerelateerde documenten getoond die door de webmaster toegevoegd zijn.
Alle extra foto's worden in de gallery geplaatst. De foto's in de gallery zijn clickable en worden dan in een zogenaamde gallery lightbox getoond (fullscreen slideshow).
De webmaster kan via de backend één of meer blokken toevoegen aan de pagina. In het voorbeeld is een blok met testimonials toegevoegd aan de 'over ons' pagina.
