Slider
De slider wordt gebruikt als een carousel slideshow, dat door series van opgebouwde content heen loopt. Deze content bestaat uit achtergrond foto's, tekst, knoppen.
Sliders worden voornamelijk gebruikt als header van homepagina. Sliders zijn zeer handig voor het groeperen van content.
In ons CMS, bestaat de slider uit een Slider en een Slider-item
Uitleg CMS
1. Selecteer Slider onder GBlokken
Een slider bevat de volgende elementen:
Slider Hoogte (in px): hoe meer het aantal pixels, hoe hoger de slider
Slider Breedte(in vw): vw staat voor viewport-width. Dit staat in relatie met de daadwerkelijke breedte van het scherm van je browser. 100vw is het maximum en heeft altijd de volle breedte.
Automatisch Sliden: Ja of nee. Dit houdt in of je de slider automatisch wil laten afspelen
Tijd tussen slides: Dit werkt alleen als 'Automatisch Sliden' aanstaat. Hoe hoger het aantal secondes, hoe langer de slide blijft staan.
2. Creëer een subblok voor de slider: Slider-item
Een slider item bevat de volgende elementen:
Titel, Subtitel en Text: Dit kan je aan of uit zetten. Je kan de kleur, grootte, dikte, en uitlijning wijzigen.
Button: Door de button tekst aan te zetten, creëer je een button onder de tekstvelden. Een button komt vrijwel overal voor en zeer configureerbaar. Wil je weten hoe dit werkt? Kijk dan hier.
Textblok Positie: Dit kan je zowel horizontaal als verticaal uitlijnen
3. Voeg een foto toe
Klik op 'Nieuwe Media' of 'Opslaan en media' en voeg een foto bestand toe. De foto vult automatisch alle ruimte, die is aangegeven bij Slider Hoogte en Slider Breedte(Stap 1).
Voorbeelden
Hieronder volgen een aantal voorbeelden, met de daarbij genoemde waardes en variabelen
Voorbeeld 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.