Afbeelding met tekstblok

Deze sectie bestaat uit een afbeelding, titel, tekst en button.

Voeg deze sectie toe door de volgende stappen te doorlopen:

1. Log in in het CMS en ga naar de editor van de website.
2. Ga naar de pagina waar je de sectie wilt toevoegen
3. Beweeg met je muis over het scherm waar je de sectie wilt toevoegen zodat er een groen blokje zichtbaar wordt in het midden van het scherm. Ga hier met je muis opstaan, zodat de tekst + Paginasectie verschijnt. Als je hierop klikt komt het editor venster tevoorschijn, hier kan je kiezen welke sectie je wilt toevoegen, kies Afbeelding met tekstblok in het overzicht. Je kan bovenin zoeken als je de sectie niet in het overzicht ziet staan.

In het editor venster verschijnen drie tabjes:

Instellingen

Vul de volgende informatie in:

• Naam: deze naam wordt niet in de website zelf weergegeven. De naam wordt gebruikt in de editor om de volgorde van de secties aan te geven onder postinstellingen, of je kan een sectienaam selecteren om een interne link mee te creëren.
• Afbeelding: Voeg hier een afbeelding toe
• Subtitel: Voeg hier een subtitel toe (optioneel)
• Titel: Voeg hier een titel toe (optioneel)
• Tekstveld: Voeg hier een tekst toe (optioneel)
• Knop(pen): Voeg hier een of meerdere knoppen toe (optioneel)
• Volgorde: Kies hier of de afbeelding rechts of links komt te staan (standaard staat de afbeelding links)

Styling

Hier kun je de ruimte boven en onder de sectie aanpassen. Dit kun je instellen voor dekstop en mobiel. Je kunt kiezen uit klein, middelgroot, groot of extra groot of je kunt een aangepaste ruimte invullen. Gebruik waarden zoals 11px, 5rem of 10%.

Kleuren

In dit tabblad kun je de achtergrondkleur van de sectie instellen. Je kunt kiezen uit de primaire of secundaire kleur. Ook kun je hier de tekst- en koppenkleur aanpassen.

Extra (OUD)

Dit zijn de oude instellingen voor de styling van de sectie. Gebruik bij voorkeur de nieuwe instellingen in het tabblad 'Kleuren'.

Hier kan je extra styling aan de sectie toevoegen zoals een achtergrondkleur of ruimte boven en/of onder de sectie.

1. Klik op + Nieuwe Styling toevoegen

2. Vul de volgende informatie in:

• Titel: Vul hier een titel in, deze wordt in de editor weergegeven, als je de achtergrondkleur van de sectie wilt aanpassen vul je hier bijvoorbeeld: 'Achtergrondkleur sectie' in, zodat meteen duidelijk is welke stijlopties hier zijn toegevoegd.
  
• Ruimte boven desktop, ruimte onder desktop, ruimte boven mobiel en ruimte onder mobiel:
  Klik op + Nieuwe ruimte boven/onder desktop/mobiel, hier kan je de volgende informatie invullen:
• Ruimte: Maak hier een keuze uit: Klein, middel, groot of anders.
  
• Andere ruimte: Alleen van toepassing als bovenstaande veld Anders in ingevuld.
  
• Extra opties:
• Centreer inhoud verticaal: hiermee zorg je dat alle elementen verticaal in het midden worden gezet.
  

3. Om kleuren aan te passen klik op Kleuren. Vul de volgende informatie in:

• Achtergrondkleur en tekstkleur:
  Klik op + Nieuwe Achtergrondkleur toevoegen en/of + Nieuwe Tekstkleur toevoegen, hier kan je de volgende informatie invullen:
• Kleurkeuze: Maak hier een keuze uit: Primair, secundair, zwart, wit of andere kleur.
• Andere kleur: Alleen van toepassing als bovenstaande veld Andere kleur in ingevuld.

Rijen

Dit is een standaard tab, maar is niet van toepassingen bij deze sectie.

Als je op de drie puntjes bovenin klikt heb je de optie om de sectie te verwijderen.

Als alles goed is ingesteld klik je rechtsonder op Opslaan.