Ga naar hoofdinhoud

Pagina Editor

De Pagina Editor is de visuele werkplek waar je de layout van een templatepagina ontwerpt. Met drag-and-drop plaats je blokken op een gridcanvas.

Interface​

De editor bestaat uit twee delen:

OnderdeelBeschrijving
SidebarPalette met blokken, kleuren, filters en instellingen
CanvasHet grid waar je blokken plaatst en positioneert

De sidebar heeft vijf tabbladen:

TabIcoonFunctie
BlokkenGridSleepbare blokken om toe te voegen
KleurKwastAchtergrondkleuren en stijlen
BeschrijvingenTekstTekst bewerken en vertalingen
FiltersSitemapIndelingsfilters voor blokken
InstellingenTandwielPagina- en blokinstellingen

Blokken​

Blokken zijn de bouwstenen van een pagina. Sleep een blok naar het canvas om het toe te voegen.

Statische blokken​

Blokken met vaste content:

BlokBeschrijving
TitelGrote titel met plannaam en periode
HeaderSectiekoptekst
TekstVrije statische tekst
AfbeeldingVaste afbeelding uit de galerij
VideoExterne video (Vimeo)
KnopActieknop met link

Plan blokken​

Blokken die plangegevens tonen:

BlokBeschrijving
Status kaartHuidige planstatus
Bovenliggende statusStatus van gekoppeld bovenliggend plan
RollenGebruikers met een specifieke rol

Herhaling blokken​

Blokken die automatisch rijen/kolommen genereren:

BlokBeschrijving
Automagische rijenGenereert rijen per richting of categorie
Automagische kolommenGenereert kolommen per richting of categorie

Gebruikersinvoer blokken​

Blokken waar gebruikers content in kunnen plaatsen:

BlokBeschrijving
TekstveldVrij invoerveld voor rijke tekst
RichtingenLijst met strategische richtingen (dynamisch per geconfigureerde richtingtypes)
ResultatenLijst met resultaten
Resultaat kaartEnkele resultaatweergave
ActiesLijst met acties
Actie tijdlijnTijdlijn met acties op basis van datums

Werken met het canvas​

Blok toevoegen​

  1. Selecteer het Blokken tabblad in de sidebar
  2. Sleep een blok naar de gewenste positie op het canvas
  3. Laat los om het blok te plaatsen

Blok verplaatsen​

  1. Klik op een blok om het te selecteren
  2. Sleep het naar een nieuwe positie
  3. Het grid snapt automatisch naar de gridlijnen

Blok schalen​

  1. Selecteer een blok
  2. Sleep de randen om de grootte aan te passen
  3. Breedte en hoogte worden in gridcellen gemeten

Blok verwijderen​

  1. Selecteer een blok
  2. Druk op Delete

Pagina-instellingen​

Open het Instellingen tabblad (tandwielicoon) zonder een blok geselecteerd te hebben.

Grid afmetingen​

Pas de gridgrootte aan:

  • Breedte: Aantal kolommen (standaard 10)
  • Hoogte: Aantal rijen (standaard 6)

Generator​

Een generator maakt automatisch pagina's voor elk element van een richtingtype:

  1. Selecteer een richtingtype uit de dropdown
  2. Voor elk element in dat type wordt een aparte pagina gegenereerd
  3. Kies Geen om terug te gaan naar een normale pagina
Voorbeeld

Als je "Strategische pijlers" selecteert en er zijn 3 pijlers, krijgt het plan automatisch 3 pagina's - één per pijler.

Blokinstellingen​

Selecteer een blok en open het Instellingen tabblad voor blokspecifieke opties.

De beschikbare instellingen variëren per bloktype.

Kleuren en stijlen​

Het Kleur tabblad biedt stijlopties voor geselecteerde blokken:

  • Achtergrondkleur
  • Randkleur
  • Transparantie
  • Kleur gebaseerd op indelingswaarde (color_from)

Filters​

Het Filters tabblad bepaalt welke content in een blok verschijnt.

Indelingsfilters​

Filter blokken op indelingswaarden:

  1. Selecteer een blok (bijvoorbeeld Acties)
  2. Ga naar Filters
  3. Sleep een indelingswaarde naar het blok

Nu toont het blok alleen acties die aan die indelingswaarde gekoppeld zijn.

Actie status filter​

Voor actielijsten kun je filteren op status:

  1. Selecteer een actieblok
  2. Sleep een status naar het blok

Rolfilter​

Voor rollenblokken:

  1. Selecteer het blok
  2. Kies de gewenste rol in de Filters tab

Beschrijvingen en vertalingen​

Het Beschrijvingen tabblad is voor tekstbewerking:

  1. Selecteer dit tabblad
  2. Klik op tekstvelden in het canvas om te bewerken
  3. Bij meertalige omgevingen kun je de taal wisselen

Taalwisseling​

Als de Translation-feature actief is:

  1. Ga naar Beschrijvingen
  2. Klik op de gewenste taal (Nederlands/English)
  3. Bewerk teksten in die taal

Paginaselectie​

Bovenaan de editor kun je wisselen tussen pagina's:

  • Dropdown: Selecteer een pagina
  • Plus-knop: Voeg een nieuwe pagina toe
  • Prullenbak: Verwijder de huidige pagina (bevestiging vereist)
Laatste pagina

De laatste pagina kan niet verwijderd worden. Een template moet minimaal één pagina hebben.

Zie ook​