wordpress list block icoon

Wordpress WoensdagHet Wordpress List block uitgelegd

Met een (genummerde) lijst geef je je bezoeker snel overzicht van de inhoud van je pagina of post.

Waarvoor gebruik je het Lijst blok?

Maak informatie overzichtelijk en makkelijk te scannen met een Lijst blok. Met dit tekst blok voeg je een makkelijk te scannen (genummerde) lijst van stappen, ingrediënten of producten aan je post of pagina toe. Makkelijk wanneer je bezoeker weinig tijd heeft en je snel en overzichtelijk de belangrijke informatie van je pagina moet geven.

Hoe voeg je een Lijst blok in de block editor toe?

  1. toevoegen:
    • /lijst blok (list)
    • + teken in de Gutenberg editor, zoek lijst
  2. toolbar settings
    • genummerde lijst of aandachtsstreepjes
    • lijst element uitspringen
    • lijst element inspringen
    • vette of cursieve tekst
    • link toevoegen aan geselecteerde tekst
  3. blok settings
    • tekstgrootte
    • tekst en achtergrond kleur aanpassen (denk aan accessibility)
    • genummerde lijst instellingen

Wat handige keyboard shortcuts om sneller te werken

  • link toevoegen: ctrl + k of cmd + k
  • cursief: ctrl + i of cmd + i
  • vet: ctrl + b of cmd + b
  • lijst element uitspringen: backspace
  • lijst element inspringen: spatie

Ook handig om te weten

Lange bloppost of pagina? Help je lezer snel de informatie te vinden die ze zoeken door bovenaan je pagina een lijstje met alle koppen/onderwerpen te geven. Je kan de items in je lijstje linken aan de verschillende koppen in je tekst. (Dit is ook goed voor je SEO)
Zo doe je dit:

  1. klik op een koptekst waarnaar je in je lijst verwijst
  2. ga naar 'blok settings'
  3. scroll naar beneden
  4. klik 'advanced'
  5. voeg een HTML anchor toe
  6. doe dit voor alle koppen in je lijst
  7. ga terug naar je lijst.
  8. selecteer een lijst element
  9. klik op 'link'
  10. zoek html anchor
  11. doe dit voor alle lijst elementen

Supersnel stap voor stap

  1. /list
  2. voeg je lijst toe
  3. selecteer genummerde of gewone lijst
  4. voeg eventueel links toe

Andere tekst blokken