wordpress group block icoon

Wordpress WoensdagHet Wordpress Group block uitgelegd

Maak van verschillende blokken één groep en pas de opmaak van de groep aan. Geef de groep bijvoorbeeld een eigen achtergrondkleur, of meer witruimte.

Waarvoor gebruik je het Groep blok?

Stel je voor, je hebt een titel, een stukje tekst, een foto en een button. Deze vier elementen vormen samen één geheel. Met een achtergrondkleur wil je aangeven dat de elementen bij elkaar horen en goed op de pagina opvallen. Hiervoor gebruik je het Group block. Dit design block doet precies wat de naam zegt: het maakt van losse elementen (blocks) een groep om er vervolgens iets mee te doen. Zoals meer witruimte of een achtergrondkleur toevoegen.

Hoe voeg je een Groep blok in de blok editor toe?

  1. toevoegen:
    • /groep blok (group)
    • + teken in de Gutenberg editor, zoek groep

handig om te weten

Meer blokken aan je groep blok toevoegen? Selecteer het Groep blok. Rechtsonderin staat het + teken om meer blokken toe te voegen. Je kan ook al aangemaakte blokken je Groep blok inslepen.

  1. toolbar settings
    • blok uitlijning aanpassen
  2. blok settings
    • Layout optie, toggle aan: de group neemt de opties gezet door je thema over.
    • Kleur opties:
      • tekst
      • link
      • achtergrond Let wel op genoeg contrast tussen de voor- en achtergrondkleur voor de leesbaarheid van je tekst. De kleurmodal geeft een waarschuwing als het contrast te laag is.
    • Voeg een rand toe aan je groep
    • Dimensies: je kan de ruimte en padding aanpassen voor je groep blok.

Wat is website toegankelijkheid?

Toegankelijkheid, accessibility of A11y betekent dat een website voor zo veel mogelijk mensen bruikbaar is, ongeacht kunde, kennis, middelen en/of mogelijkheden van de website gebruiker.

Een voorbeeld: kleur. Weinig verschil tussen de tekst en achtergrondkleur maakt een tekst moeilijk leesbaar voor bezoekers met een visuele beperking, wanneer de zon of felle lamp op een scherm schijnt, etc.

Supersnel stap voor stap

  1. /groep
  2. voeg gewenste blokken toe
  3. kies blok uitlijning in de blok toolbar
  4. pas in de blok settings de achtergrond en tekst kleur, witruimte, randen en ronding vande hoeken naar wens aan.

Andere ontwerp blokken