Handleiding Statamic CMS
Standaard blokken
Uw statamic website bestaat uit een aantal blokken, in deze handleiding komt u erachter hoe een aantal van deze blokken werken.
Knoppen blok » gemakkelijk knoppen toevoegen aan uw pagina
Met het knoppenblok kunt u gemakkelijk een knop toevoegen aan uw website. Wanneer u via het plusje het knoppen blok kiest, krijgt u het volgende te zien binnen het kader:
Via hier kunt u knoppen toevoegen, doe dit door op ‘knop toevoegen’ te drukken. Wanneer u dit heeft gedaan krijgt u dit scherm te zien (mocht u alleen het tekst veld zien, activeer dan ‘instellingen tonen’):
1) Label veld
Hier kunt u de tekst invoeren die in de knop getoond wordt.
2) Instellingen tonen
Hiermee toont u de onderstaande instellingen, wanneer deze niet is geactiveerd ziet u alleen het label veld.
3) Link type
Dit veld bepaald het soort link dat u wilt gebruiken, dit zijn de opties:
Een link naar een entry, dit kan een pagina of bijvoorbeeld een product zijn.
Een URL link is handig om te linken naar een externe website.
Dit is een link die direct linkt naar een e-mailadres, zodra een bezoeker op deze link klikt wordt de mail-client van de klant geopend met het door u ingevulde e-mailadres in het ontvangerveld.
Dit veld werkt hetzelfde als het e-mail veld alleen dan met een telefoonnummer.
Met dit type link kunt u bestanden linken zodat gebruikers deze gemakkelijk kunnen downloaden. Dit is handig voor bijvoorbeeld een brochure.
4) Button stijl
Hier kunt u kiezen welke stijl de knop heeft, vaak is de ‘primary’ knop de primaire kleur, en de ‘secondary’ knop de secundaire kleur van de website.
Afbeelding blok » gemakkelijk afbeeldingen toevoegen aan uw pagina
Met het afbeelding blok kunt u gemakkelijk afbeeldingen toevoegen aan uw website. Wanneer u dit blok kiest krijgt u het volgende scherm te zien:
Binnen dit blok zijn een aantal opties beschikbaar:
Dit is de afbeelding die wordt getoond op schermgroottes vanaf 760 pixels. Klik op ‘bladeren’ om een afbeelding te kiezen, of op ‘upload bestand’ om een bestand te uploaden.
Dit is de afbeelding die wordt getoond op schermgroottes onder de 760 pixels. Klik op ‘bladeren’ om een afbeelding te kiezen, of op ‘upload bestand’ om een bestand te uploaden.
3) maak link van afbeelding
Met deze instelling kunt u de afbeelding aanklikbaar maken zodat een gebruiker via de afbeelding kan navigeren naar een andere pagina of website.
Een afbeelding heeft altijd de volledige breedte van het blok waar deze in staat, dus als u in een tweekoloms blok de breedte instelt, past de afbeelding zich aan.
Tips:
Wij raden aan de afbeelding altijd 2 keer zo groot te maken als nodig, dit voorkomt dat de afbeeldingen een slechte kwaliteit hebben.
Slider blok » gemakkelijk een slider toevoegen aan uw pagina
Dit blok kan worden gebruikt om gemakkelijk meerdere afbeeldingen op uw website te tonen.
Hier kunt u door op ‘bladeren’ te drukken een aantal afbeeldingen kiezen die in de slider getoond worden.
2) Autoplay
Wanneer dit veld is geactiveerd gaat de slider automatisch door naar de volgende slide, wanneer dit veld niet is geactiveerd moet de gebruiker zelf klikken om door te gaan naar de volgende afbeelding.
3) Autoplay interval
Hier kunt u de timing van het veranderen van de slides aanpassen.
4) Animatie
Het animatie veld bestaat uit 2 velden, u kunt de soort animatie, en hoelang de animatie duurt bepalen. De duur van de animatie is te bepalen in het ‘animatie snelheid’ veld, en moet in MS gespecificeerd worden.