Wordpress berichtsamenvatting icoon

Wordpress WoensdagHet Wordpress Post Excerpt block uitgelegd

Met het Berichtsamenvatting blok eenvoudig een samenvatting of teaser van een bericht aan een template of de query loop toevoegen.

Waarvoor gebruik je het Berichtsamenvatting blok?

Een berichtsamenvatting (of excerpt) gebruik je om je lezer een idee te geven waar het hele artikel of bericht over gaat. Je schrijft je samenvatting natuurlijk in de hoop dat de lezer zo nieuwsgierig wordt naar de rest van het artikel, dat deze na het lezen van je samenvatting, doorklikt naar het hele artikel.

Het berichtsamenvatting blok voeg je in de meeste gevallen toe aan een query loop blok om de weergave van de resultaten in de query loop aan te passen. Wanneer een bericht geen samenvatting heeft worden de eerste 55 woorden van het bericht als berichtsamenvatting weergegeven, eindigend met '[...]'. Verder heb je de optie om een 'lees meer' link met de link naar het hele bericht toe te voegen.

Net als het berichttitel blok en het bericht auteur blok, kan je het berichtsamenvatting blok in sommige gevallen wel aan een query loop blok toevoegen en in sommige gevallen weglaten. Zo kan je op je homepagina je drie laatste nieuwsberichten met het query loop blok toevoegen, met alleen de titel als link en de foto die bij het bericht hoort, terwijl je op je blog pagina de berichttitel, schrijver, afbeelding, datum én de berichtsamenvatting wil laten zien.

Hoe voeg je het Berichtsamenvatting blok in de Gutenberg Editor toe?

  1. toevoegen:
    • /berichtsamenvatting blok (post excerpt)
    • + teken in de Gutenberg editor, zoek berichtsamenvatting
  2. toolbar instellingen
    • tekst uitlijnen:
      • links
      • centreren
      • rechts
  3. blok instellingen
    • instellingen

      • 'lees meer' link op nieuwe regel tonen of niet (toggle)
    • kleur:

      • tekst
      • achtergrond
      • link

      Voor een toegankelijke website is genoeg contrast tussen de tekst en achtergrondkleur belangrijk, de kleurmodal geeft een melding wanneer het contrast niet voldoende is.

    • typografie:
      Klik op de 3 stippen (typografie opties) rechts van de tekst om opties toe te voegen (vinkje) of te verwijderen.
      Typografie heeft veel mogelijkheden, waarvan een aantal nog experimenteel. De typografie opties kunnen in de toekomst dus nog veranderen.

      • tekensetfamilie (lettertype): kies uit beschikbare lettertypen
      • weergave: pas de dikte van de tekst aan
      • regelhoogte
      • letterafstand
      • decoratie: onderlijnen of tekst doorhalen
      • hoofd/kleine letter: alle tekst in kleine letters of hoofdletters, of begin ieder woord met een hoofdletter.
      • tekst grootte: in S, M, L, XL, of px
    • afmetingen: klik + om marge of padding aan te passen

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 de samenvatting van een bericht in een nieuw template toevoegen

  1. voeg het query loop of berichtenlijst blok toe
  2. kies de variatie titel en samenvatting
  3. selecteer de samenvatting van één van de resultaten.
  4. toggle link op nieuwe regel tonen aan.
  5. selecteer de "lees meer" link tekst toevoegen tekst in de Gutenberg editor om de link tekst voor alle resultaten aan te passen.

Andere thema blokken