Gebruik kolommen om je bezoekers meer te laten ontdekken op je pagina's en om bijvoorbeeld zinnen netjes onder elkaar te laten beginnen. Onthoud dat er ook elementen in de kolommen gesleept moeten worden voordat je kan typen.
Stap 1
Ga naar de Editor.
Stap 2
Sleep het Kolommen-element naar je pagina. Er verschijnen nu automatisch drie kolommen op je pagina.
⚠ Merk op: Alle websites van JouwWeb hebben een 'responsive design'. Dat betekent dat de website zich aanpast naar de grootte van het scherm waarop deze bekeken wordt. Hierdoor komen kolommen bij de mobiele weergave onder elkaar te staan. Gelukkig kun je eenvoudig de mobiele weergave optimaliseren.
Stap 3
In deze kolommen kun je nu alle elementen van JouwWeb slepen, zoals bijvoorbeeld teksten, afbeeldingen, buttons, enz.
Versleep de buttons (met de twee strepen erop) tussen de kolommen om deze breder of smaller te maken. Voeg meer kolommen toen door op de plus button te klikken.
Kolommen uitlijnen
Om je te helpen bij het uitlijnen van de kolommen tonen we het percentage van de breedte van de kolom ten opzichte van de paginabreedte. De kolommen passen zich automatisch aan op 1/4, 1/3, 1/2 en zo verder. Je kan echter uiteraard ook de kolombreedte geheel naar eigen wens instellen.
Wanneer je elementen in de kolommen hebt geplaatst en deze de volledige breedte van de kolom hebt gemaakt, zal het element automatisch mee veranderen wanneer je de breedte van de kolom aanpast. Elementen over de gehele kolombreedte blijven dus even breed als de kolom, ook wanneer je deze kolom groter of kleiner maakt. Je kan het element uiteraard altijd kleiner dan de gehele breedte van de kolom maken.
Kolommen bewerken
Je hebt een kolom gemaakt en wil deze ook op een andere pagina gebruiken, dat kan. Je kan eenvoudig een gehele kolom of rij met meerdere kolommen verplaatsen of dupliceren. Je doet dat via de knop 'Kolommen bewerken' rechts langs de meest rechtse kolom.
✔ Tip: Handmatig kolommen toevoegen
Door elementen onder elkaar, links van een ander element of rechts van een ander element te plaatsen kun je ook zelf kolommen creëren.
Ook interessant: Tabel-element.