Elementen

Alle elementen

In ZCMS vormen elementen de bouwstenen van je website. Elk element heeft een specifieke functie, zoals tekstblokken, afbeeldingen, breadcrumbs of knoppen. Door deze elementen te combineren, kun je eenvoudig pagina’s samenstellen die er professioneel uitzien en goed werken op alle apparaten.

Op deze pagina vind je een overzicht van alle beschikbare elementen, inclusief uitleg over het gebruik, voorbeelden en handige tips. Zo kun je snel aan de slag en je website precies op de manier opbouwen die jij wilt.

Algemene instellingen

Interne naam een herkenbare naam voor intern gebruik (bijv. Header afbeelding of Productfoto). Deze naam is niet zichtbaar voor bezoekers.

CSS klasses voeg extra CSS-classes toe voor custom styling. Meerdere classes kunnen worden gescheiden door een spatie (bijv. p-3 rounded shadow).

Zichtbaarheid

Element zichtbaar voor bepaalt wie het element kan zien: Iedereen (eventueel andere rollen indien beschikbaar)

Gepubliceerd wanneer ingeschakeld, wordt het element zichtbaar op de live website.

Layout & kolombreedte

Met deze instellingen bepaal je hoe breed de afbeelding wordt weergegeven binnen het grid-systeem.

col-breedte Standaard kolombreedte (1–12), of: Auto: automatische breedte Negeer: geen vaste kolombreedte

col-sm breedte Kolombreedte voor kleine schermen (bijv. smartphones). Waarden: 1–12, Auto of Negeer.

col-md breedte Kolombreedte voor medium en grotere schermen (bijv. tablets en desktops). Waarden: 1–12, Auto of Negeer.

Kleuren

Achtergrondkleur (background-color) Stelt de achtergrondkleur van het element in.

Kleur (color) Stelt de tekstkleur in (indien van toepassing, bijvoorbeeld bij captions of overlays).

Afbeelding

Afbeeldingen voeg je toe om je pagina visueel aantrekkelijk te maken, content te ondersteunen en belangrijke informatie te benadrukken.

Alert

Alerts geven belangrijke berichten of waarschuwingen weer op je pagina, zodat bezoekers direct belangrijke informatie zien.

Breadcrumbs

Breadcrumbs tonen de hiërarchie van je website en helpen bezoekers eenvoudig terug te navigeren naar bovenliggende pagina’s.

Content

Content toont de inhoud van pagina’s binnen templates, zodat je pagina’s dynamisch en overzichtelijk op je website worden weergegeven.

Devider

Divider scheidt inhoud op je pagina visueel, zodat secties overzichtelijk blijven en je pagina er gestructureerd uitziet.

Tekst

Tekst voeg je toe om informatie te delen, verhalen te vertellen of inhoud duidelijk en overzichtelijk op je pagina weer te geven.

Hamburger

Hamburger opent het mobiele menu, zodat bezoekers eenvoudig door de website kunnen navigeren op kleinere schermen.

Login formulier

Login formulier laat gebruikers veilig inloggen, zodat ze toegang krijgen tot een eigen ingerichte dashboard

Formulier

Formulier laat bezoekers gegevens invoeren, zoals contactinformatie of reacties, zodat je eenvoudig interactie en feedback verzamelt.

Titel

Titel, geeft structuur aan de inhoud van een pagina en helpt bezoekers snel te begrijpen waar een pagina over gaat.

Html

HTML laat je eigen code toevoegen, zodat je pagina’s volledig kunt aanpassen en extra functionaliteit of opmaak kunt toepassen.

Knop

Knop voeg je toe om acties te starten, zoals navigeren, verzenden of downloaden, zodat bezoekers eenvoudig interactie hebben met je pagina.

Navbar

Navbar is de navigatiebalk van je website, zodat bezoekers eenvoudig door pagina’s en secties kunnen navigeren.

Registreren formulier

Registreren formulier laat nieuwe gebruikers een account aanmaken, zodat ze toegang krijgen tot afgeschermde delen of persoonlijke functies.

Share

Share laat bezoekers pagina’s eenvoudig delen via sociale media of een link, zodat je content sneller verspreid wordt en meer bereik krijgt.