Hoe gebruik ik rijen, kolommen en elementen?

De bouwblokken van het CMS

Je website is opgebouwd uit bouwblokken, van groot naar klein:

Secties → Rijen & kolommen → Elementen

Secties (groen)

Secties zijn de grootste bouwblokken en lopen over de volledige breedte van het scherm. Je herkent dit aan de groene lijn die zichtbaar wordt wanneer je een sectie toevoegt.

• Toevoegen: klik op het groene plusje in het midden van de pagina.
• Bewerken: klik op het groene pennetje links.

Een van de beschikbare secties is de Paginasectie. Dit is een speciale sectie die je verder kunt opdelen in rijen en kolommen.

Rijen & kolommen (blauw)

Binnen een Paginasectie werk je met rijen en kolommen.

• Rij toevoegen: klik op het blauwe plusje in het midden. Je kiest meteen hoeveel kolommen de nieuwe rij moet hebben.
• Rij bewerken: klik op het blauwe pennetje links. Hier kun je kolommen toevoegen of verwijderen.
• Kolombreedte aanpassen: sleep de rand tussen twee kolommen naar links of rechts.
• Kolom verwijderen: klik op het blauwe pennetje en klik vervolgens op het prullenbak-icoon van de gewenste kolom. Tip: beweeg met je muis over de instellingen om te zien welke kolom oplicht.

Elementen (rood)

Elementen zijn de kleinste bouwblokken, zoals afbeeldingen en tekstblokken. Ze zijn altijd even breed als de kolom waarin ze staan. Dit zie je aan de rode lijn die verschijnt wanneer je een element toevoegt.

• Element toevoegen: klik op het rode plusje.
• Element bewerken: klik op het rode pennetje.
• Element verplaatsen: sleep een element van de ene kolom naar de andere.

Wat zie je in de video?

1. Een Paginasectie wordt toegevoegd aan de pagina.
2. De sectie bevat standaard al één rij met één kolom.
3. Via het rode plusje wordt een afbeelding toegevoegd. Omdat er maar één kolom is, neemt de afbeelding de volledige breedte in.
4. Om de afbeelding smaller te maken, worden via het blauwe pennetje twee extra kolommen toegevoegd: één links en één rechts.
5. De kolombreedte wordt aangepast door de rand tussen de kolommen te slepen.
6. De afbeelding wordt versleept naar de gewenste kolom.
7. Een overbodige kolom wordt verwijderd via het blauwe pennetje en het prullenbak-icoon.
8. Er wordt een nieuwe rij toegevoegd met het blauwe plusje, waarbij direct het gewenste aantal kolommen wordt gekozen. In elke kolom kunnen vervolgens elementen worden geplaatst.