Paginastructuur in YOOtheme Pro

De paginabuilder van YOOtheme Pro is gebaseerd op een logische boomstructuur van Secties, Rijen, Kolommen en Elementen. Deze hiërarchie bepaalt de lay-out en vormgeving van je pagina, van groot naar klein.

1. Sectie (Section)

De sectie is het grootste visuele blok en vormt de basis van elk onderdeel van je pagina (bijvoorbeeld de header, een contentblok of de footer).

• Functie: bepaalt de achtergrondkleur of -afbeelding, de sectiehoogte (padding) en of de inhoud over de volledige breedte of binnen een container wordt getoond.
  
  
• Waar pas je het aan?
  Selecteer de sectie in de builder en klik op het potlood-icoon. In het instellingenpaneel vind je onder andere Content, Style, Background, Padding en Layout.
  

2. Rij (Row)

Elke sectie bevat één of meerdere rijen. Een rij verdeelt de sectie in horizontale banen.

• Functie: regelt de maximale breedte van de content en of de rij de volledige schermbreedte gebruikt of netjes gecentreerd blijft.
  
  
• Indeling in kolommen: binnen een rij kies je hoeveel kolommen je wilt (één tot maximaal zes), en hoe de breedte daarover verdeeld wordt (bijvoorbeeld 50/50 of 1/3 + 2/3).
  
  
• Waar pas je het aan? selecteer de rij en klik op het potlood-icoon. Onder Layout stel je de kolomverdeling in; onder Max Width, Padding en Margin regel je de ruimte rondom.
  

3. Kolom (Column)

Binnen een rij plaats je één of meerdere kolommen. Dit is de laag waarin je uiteindelijk de content plaatst.

• Functie: bepaalt de breedte van dat deel van de rij (het rasterdeel) en hoe kolommen zich gedragen op tablet en mobiel (bijvoorbeeld onder elkaar stapelen).
  
  
• Waar pas je het aan? selecteer de kolom en klik op het potlood-icoon. Je vindt hier Content, Vertical Align en Padding.
  

4. Element (Element)

Het element is de daadwerkelijke inhoud die je in een kolom plaatst: tekst, een koptekst (headline), een knop, een afbeelding, video, of een complexer dynamisch element zoals een Grid of Slider.

• Een element toevoegen:
  Klik op de + onderin een rij of kolom en kies het gewenste elementtype uit de lijst.
  
• Waar pas je het aan?
  Selecteer het element en klik op het potlood-icoon. Afhankelijk van het elementtype vind je hier Content en Settings (bijvoorbeeld de tekst zelf, een link, of stylingopties).
  
  
  
  

Kort samengevat

Een typische pagina bestaat uit een opeenvolging van secties, elk met hun eigen rijen, kolommen en elementen. Bijvoorbeeld: Header/Hero-sectie → Diensten-sectie → Contact-sectie. Zodra je deze vier lagen herkent, weet je meteen waar je moet klikken om iets aan te passen.