Alles over pagina’s, secties en kolommen
Elke pagina van je leflite-website is opgebouwd uit secties en kolommen. Een sectie is een band over de breedte van het scherm, een kolom is een vak in die band. In dit overzicht zie je wat je met elk van de twee kunt, met per onderdeel een link naar de volledige uitleg.
In het kort
- Een sectie bepaalt de achtergrond (kleur, foto of video), de hoogte, de ruimte en de breedte.
- Een kolom bepaalt de breedte (1 tot 12) en kan een card worden.
- Je ziet de opties rechts in de zijbalk als je een sectie of kolom selecteert.
- Op mobiel komen kolommen standaard onder elkaar; dat kun je per sectie aanpassen.
Een pagina maken, verplaatsen en verwijderen
Een nieuwe pagina maak je onder Pagina’s → Nieuwe pagina; zie een nieuwe pagina toevoegen. Een bestaande pagina als basis gebruiken kan ook: kopieer een pagina. Pagina’s orden je onder een hoofdpagina (een subpagina maken). Het adres van een pagina pas je aan zoals beschreven in de URL van je pagina veranderen.
De sectie: de band over de breedte
Klik in de editor op de rand van een sectie, of kies hem in de lijstweergave. Rechts verschijnen deze panelen:
- Uitlijning instellingen: hoe de kolommen ten opzichte van elkaar staan, en wat er op mobiel met ze gebeurt.
- Achtergrond afbeelding en Achtergrond video.
- Achtergrond kleur.
- Afmeting instellingen: minimale hoogte en de ruimte boven en onder.
- Container instellingen: de inhoud over de volle breedte.
- Sectie instellingen: een eigen ID voor een ankerlink.
- Zichtbaarheid: de sectie alleen op desktop of alleen op mobiel tonen.
Achtergrondkleur, foto en video
Een sectie krijgt een kleur uit je huisstijl (een achtergrondkleur kiezen). Je kunt er ook een foto achter zetten, met een overlay of gradient zodat de tekst leesbaar blijft (een foto als achtergrond), of een video (een video als achtergrond). De tekstkleur volgt altijd de kleur van de sectie.
Hoogte, ruimte en breedte
Een hero die het hele scherm vult, minder witruimte tussen twee secties of de inhoud over de volle breedte: dat regel je in de hoogte, ruimte en breedte van een sectie aanpassen.
Anker-ID
Geef een sectie een eigen ID, dan kan een knop of menu-item er direct naartoe springen. Zie een ankerlink naar een sectie.
Nog geen website op leflite?
Wij bouwen hem samen met jou. Daarna pas je alles zelf aan, precies zoals in dit artikel.
- Online binnen een week
- Hosting, SSL en back-ups inbegrepen
- Vanaf €49,95 per maand
De kolom: het vak in de sectie
Klik op een kolom om zijn instellingen te zien: Kolom instellingen, Zichtbaarheid en, als animaties aan staan voor je site, Animatie instellingen.
Breedte en uitlijning
Een sectie is 12 delen breed. Twee kolommen van 6 staan naast elkaar, net als drie van 4. Hoe je dat instelt, lees je in een sectie toevoegen en in kolommen indelen. Staan je kolommen scheef, of wil je even hoge cards? Zie kolommen uitlijnen en even hoog maken.
Kolom als card en overlappen
Met Kolom weergeven als card krijgt een kolom een kader met een achtergrondkleur. Zo’n card kan ook over de vorige of volgende sectie heen steken. Zie een kolom als card tonen. Moet de hele tegel klikbaar zijn? Lees een kolom of card helemaal klikbaar maken.
Op mobiel
Tot en met 991 pixels breed, dus op telefoons en de meeste tablets, komen kolommen onder elkaar te staan. Per sectie kun je ze naast elkaar houden, en met Zichtbaarheid toon je een sectie of kolom alleen op desktop of alleen op mobiel. Alles hierover in wat er op mobiel met je secties en kolommen gebeurt.
Alle artikelen over pagina’s & secties
- Hoe voeg ik een sectie toe en deel ik hem in kolommen?
- Hoe geef ik een sectie een achtergrondkleur?
- Hoe zet ik een foto als achtergrond van een sectie (met overlay of gradient)?
- Hoe zet ik een video als achtergrond?
- Hoe pas ik de hoogte, ruimte en breedte van een sectie aan?
- Hoe lijn ik kolommen uit of maak ik ze even hoog?
- Hoe regel ik wat er op mobiel gebeurt met mijn secties en kolommen?
- Hoe maak ik van een kolom een card (en laat ik hem overlappen)?
- Hoe link ik naar een plek verderop op de pagina (anker)?
- Hoe maak ik een kolom of card helemaal klikbaar?
- Hoe kopieer ik een pagina of bericht?
- Hoe maak ik een subpagina onder een hoofdpagina?
Deel dit artikel
Robert Oosterloo
Robert Oosterloo is eigenaar en UX/UI-designer van Lef Creative in Kollum. Hij ontwerpt websites, webshops en software voor ondernemers in Noord-Nederland.
Lees ook
Meer ruimte tussen blokken
Tabbladen met Sectie tabs
Subpagina's automatisch als tegels
Ook zo’n website?
Je leest hier hoe makkelijk je een leflite-site zelf bijhoudt. Wil je er ook een? We denken vrijblijvend met je mee.
Liever direct contact? Bel Robert op 06 35 66 47 73 of stuur een WhatsApp.