Het rijblok en het gestapelde blok zijn ontwerpblokken waarmee je meerdere blokken kan invoegen in een rij (of kolom bij het gestapelde blok) en ze gelijkmatig kan uitlijnen. Je kan het rij- of gestapelde blok gebruiken om scheidingen te maken of verschillende elementen toe te voegen op dezelfde regel, alsof ze zijn opgenomen in kolommen.
In deze handleiding
Klik op het pictogram + Blok toevoegen om het rijblok toe te voegen en zoek op Rij voor het rijblok of Gestapeld voor het gestapelde blok. Klik erop om het blok toe te voegen aan het bericht of de pagina.
💡
Je kan met behulp van je toetsenbord ook /rij op een nieuwe regel typen en op Enter drukken om een nieuw rijblok toe te voegen, of /stack om een nieuw gestapeld blok toe te voegen.
Meer gedetailleerde instructies over het toevoegen van blokken vind je hier.
Als je op het blok klikt, wordt er een werkbalk met opties weergegeven:
De werkbalk van het rijblok bevat de volgende opties:
- Verander bloktype of -stijl.
- Sleep het blok.
- Verplaats het blok omhoog of omlaag.
- Wijzig itemrechtvaardiging: links, midden, rechts en ruimte tussen items.
- Wijzig uitlijning: geen, breed, volledige breedte.
- Meer opties.
De werkbalk van het gestapelde blok bevat de volgende opties:
- Verander bloktype of -stijl.
- Sleep het blok.
- Verplaats het blok omhoog of omlaag.
- Wijzig itemrechtvaardiging: links, midden rechts.
- Wijzig uitlijning: geen, breed, volledige breedte.
- Meer opties.
📌
Als je de optie niet ziet om de breedte van het blok te wijzigen naar breed of volledige breedte en je thema deze opties ondersteunt, is het mogelijk dat je blok is toegevoegd aan een Groepsblok. Hier vind je meer informatie over de Groepsblok.
Als je op het blok klikt, zie je aanvullende blokinstellingen in de rechterzijbalk. Als je de zijbalk niet ziet, moet je wellicht op het pictogram Instellingen in de rechterbovenhoek klikken om de instellingen weer te geven. Dit pictogram lijkt op een vierkant met twee oneven kolommen:
Het rijblok kan omgezet worden naar een groepsblok of een gestapeld blok. Het gestapelde blok kan omgezet worden naar een groepsblok of een rijblok.
In het gedeelte Lay-out kan je de rechtvaardiging van de rijen of gestapelde blokken instellen. Kies vanaf links, midden of rechts of uitvullen om de rij-uitlijning in te stellen. Met de optie Standinstelling kan je schakelen van rijen naar gestapeld.
Het gestapelde blok heeft geen optie voor uitvullen van de content, Deze optie staat in het rijblok als een manier om de rijen gelijkmatig uit te lijnen.
Daarnaast kan je de mogelijkheid om je content af te breken op meerdere regels in- of uitschakelen.
In het gedeelte Positie kan je kiezen tussen Standaard en Sticky.
- Standaard: als je langs het blok scrolt, verdwijnt het terwijl je naar andere gedeelten van de pagina scrolt.
- Sticky: het blok zweeft en blijft zichtbaar op de pagina, zelfs als je langs de positie scrolt waar het blok is toegevoegd.
Geavanceerd
Met het tabblad Geavanceerd kan je een CSS-klasse toevoegen aan je blok, zodat je aangepaste CSS kan schrijven en de stijl van het blok naar eigen wens kan aanpassen.
Klik in de zijbalk met blokinstellingen op het pictogram Stijlen om de ontwerpinstellingen voor het blok te openen. Het pictogram Stijlen heeft de vorm van een cirkel waarbij de helft is ingekleurd:
Met het gedeelte Kleur kan je de kleur van de tekst, achtergrond en links in je rijblok of je gestapelde blok aanpassen.
Klik op de drie puntjes in het gedeelte Kleur om de optie toe te voegen om de links aan te passen.
Voor de tekst en links: door op het geblokte gedeelte te klikken, kan je aanpaste kleuren kiezen, of je kan een van de voorgeselecteerde kleuren kiezen in de gedeelten Thema of Standaard eronder.
Voor de achtergrond kan je, naast de kleurinstellingen die lijken op die voor de tekst (zie hierboven), kiezen voor een vaste kleur of een kleurverloop (een mix van twee of meer kleuren, die worden weergegeven in een bepaald patroon, bijvoorbeeld van licht naar donker of kleuren die in elkaar overlopen).
Pas de weergave van je bloktekst aan met de volgende instellingen.
Als je de instelling niet ziet, klik je op de drie stippen rechts van Typografie (zoals rechts weergegeven). Je kunt vervolgens de optie kiezen die je wilt openen:
- Lettergrootte
- Lettertypefamilie
- Weergave
- Lijnhoogte
- Decoratie
- Hoofdletter of kleine letter
- Letterafstand
Lettergrootte stelt je in staat om de grootte van de tekst aan te passen. Je kunt uit vooringestelde groottes kiezen, zoals klein, gemiddeld en groot.
Je kunt ook een specifieke waarde instellen door op de schuifbalk direct boven de standaardselecties te klikken, die in onderstaande schermafbeelding met een 1 gemarkeerd is. Je kunt de eenheden wijzigen door op de plek te klikken waar in de schermafbeelding hieronder een 2 gemarkeerd is. Je kunt kiezen uit pixels, em of rem.
Lettertypefamilie geeft je de optie om het gebruikte lettertype te wijzigen. Kies uit een lijst met lettertypes in het vervolgkeuzemenu.
Met Weergave kun je het lettertype wijzigen tussen normaal en schuingedrukt, van dun tot extra dik.
Regelhoogte stelt de lege ruimte boven en onder de tekst in. Als je voor nul kiest, is het verstandig om de site op je telefoon te bekijken.
Decoratie bevat opties voor onderstrepen en doorstrepen.
Met Hoofdletters of kleine letters kun je de hele tekst in hoofdletters te schrijven, alleen de eerste letter in een hoofdletter schrijven of alles in kleine letters schrijven.
Letterafstand bepaalt de ruimte tussen elk teken in de tekst. Je kunt de eenheden wijzigen van de standaard (pixels) naar een percentage, em, rem, vw en vh. Meer informatie over relatieve eenheden vind je hier.
Met Afmetingen kan je de opvulling instellen, dat is de ruimte rond de elementen in je rijblok. Deze is optie is vooral van belang als je een achtergrondkleur gebruikt.
Opvulling kan één waarde hebben voor alle vier de zijden door een waarde toe te voegen in het veld onder Opvulling
Opvulling kan ook verschillende waarden hebben voor elk van de zijden. Klik op het linkpictogram om de opties weer te geven voor het toevoegen van opvulling aan elke zijde. De afbeeldingen die hier worden weergegeven, worden rechtsom getoond: boven, rechts, onder, links. Je kan deze weergave openen door op het blauwe linkpictogram in de vorige afbeelding te klikken.
Het gestapelde blok omvat niet de optie voor het instellen van de afmetingen, omdat de blokken zijn gestapeld en de afmetingen per blok of met het spacer-blok kunnen worden ingesteld.
Gebruik de randinstellingen om een rand om je inhoud toe te voegen. Je kunt de kleur, grootte en de lengtemaat kiezen (px, %, em, rem, vw en vh.)
Deze instellingen bepalen standaard de rand aan alle vier de zijden. Klik op het linkpictogram om de bovenkant, rechterkant, onderkant en linkerkant specifiek aan te passen.
Met radius kan je de randen van je afbeeldingen er ronder uit laten zien. Als je de radiusinstelling instelt op 0, dan heeft de afbeelding scherpe randen.
📌
De instellingen voor Rand en Radius zijn mogelijk niet zichtbaar op je site als je een klassiek thema gebruikt. Je kan onze nieuwe thema’s voor de site-editor bekijken voor de mogelijkheid om de randen van je afbeeldingen aan te passen, en nog veel meer!
Selecteer eerst de blokken die je wil toevoegen aan een rijblok. Je kan meerdere blokken selecteren door middel van klikken en slepen of door de shift-toets ingedrukt te houden en op de blokken te klikken (ze moeten naast elkaar staan).
De blokwerkbalk verschijnt. Selecteer het pictogram Rij of Gestapeld in de werkbak. De onderstaande afbeelding verwijst naar het pictogram van het rijblok, het pictogram rechts is het pictogram voor het gestapelde blok.
Je kan de groepering van bestaande blokken opheffen om de uitlijning van de afzonderlijke blokken aan te passen.
- Klik op de lijstweergave bovenaan de editor en selecteer het rijblok of het gestapelde blok.
- Klik op het pictogram Meer opties in de blokwerkbalk.
- Selecteer de optie Groepering opheffen.
Ondersteuning 