Wordpress WoensdagHet Wordpress Post Date block uitgelegd

Met het Berichtdatum blok eenvoudig de datum van een bericht aan een template of de query loop toevoegen.

Waarvoor gebruik je het Berichtdatum blok?

Het Berichtdatum blok is een van de blokken waarmee je eenvoudig de weergave en indeling van de resultaten van een query loop of het bericht template kan aanpassen naar jouw wensen. Voor de lezers van je artikelen en berichten kan het handig zijn om de publicatiedatum van een artikel te weten. Vooral als het om informatie gaat die regelmatig veranderd.

Voor Wordpress de Gutenberg Editor introduceerde, was het ingewikkeld om de informatie die in de resultaten van de query loop werden weergegeven aan te passen. Met de blok editor is het aanpassen van de resultaten naar jouw wensen een koud kunstje.

Wil je op je homepagina een 'Nieuws' sectie die de laatste drie gepubliceerde nieuwsberichten weergeeft met de uitgelichte afbeelding van het bericht, de datum en de titel? Geen probleem. Je kan eenvoudig het uitgelichte afbeelding blok, het berichtdatum blok en het bericht titel blok aan het query loop blok toevoegen.

Toch liever de berichttitel, de berichtsamenvatting, schrijver en de berichtdatum? Dan voeg je die blokken aan je query loop blok toe.

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

  1. toevoegen:
    • /berichtdatum blok (post date)
    • + teken in de Gutenberg editor zoek berichtdatum
  2. toolbar instellingen
    • tekst uitlijnen:
      • links
      • centreren
      • rechts
  3. blok instellingen
    • instellingen:
      • standaard format: toggle. Toggle uit: dropdown om een eigen format te kiezen
      • link naar bericht: toggle
      • laatst gewijzigde datum tonen: toggle. Handig wanneer je nieuwe informatie aan een ouder bericht toevoegt.
    • 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 veel 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 datum aan de resultaten van het query loop blok toevoegen.

  1. voeg het query loop blok toe
  2. selecteer 'blanco'
  3. kies variatie 'Titel, datum & samenvatting'
  4. Of voeg het berichtdatum blok zelf toe
    1. Klik op een van de resultaten in de query loop
    2. klik op de zwarte plus rechts in het scherm
    3. typ berichtdatum en voeg toe
  5. toggle standaard format: aan
  6. toggle link naar bericht: uit, het is niet heel gebruiksvriendelijk of toegankelijk voor bijvoorbeeld keyboard gebruikers als ieder query loop resultaat meerdere keren naar hetzelfde bericht linkt.

Andere thema blokken