Home Kennisbank Pagina's & secties Alles over pagina’s, secties en kolommen

Alles over pagina’s, secties en kolommen

Robert Oosterloo
Bijgewerkt op · 4 min lezen

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.
De editor met een sectie geselecteerd en rechts de panelen Uitlijning instellingen, Achtergrond afbeelding, Achtergrond video, Achtergrond kleur, Afmeting instellingen, Container instellingen, Sectie instellingen en Zichtbaarheid
Selecteer een sectie om deze instellingen te zien.

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
Website van Inspirare Coaching op een laptop

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.

De editor met een kolom geselecteerd en rechts het paneel Kolom instellingen met Kolom breedte en Kolom weergeven als card gemarkeerd
Selecteer een kolom om zijn breedte en card-instellingen te zien.

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

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 .