Wordpress berichttitel icoon

Wordpress WoensdagHet Wordpress Post Title block uitgelegd

Met het Berichttitel blok kan je eenvoudig de pagina- of berichttitel in een template of de query loop toevoegen en stylen.

Waarvoor gebruik je het Berichttitel blok?

Het berichttitel blok geeft de titel van een bericht, pagina of berichttype weer. Het blok wordt vaak automatisch weergegeven wanneer je je eigen template aanmaakt of een het query loop blok toevoegd. Vervolgens kan je het berichttitel blok stylen zoals je wilt. Je kan bijvoorbeeld de plaatsing van het blok bepalen, de tekstkleur en achtergrond. En je kan van de titel een link naar het bericht of pagina maken.

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

  1. toevoegen:
    • Site Editor: in dashboard → weergave → editor → selecteer in de 'Pagina' dropdown 'gebieden' → Header → bewerken
    • pagina of bericht → editor
    • /berichttitel blok (post title)
    • + teken in de Gutenberg editor, zoek berichttitel
  2. toolbar instellingen
    • koptekst niveau aanpassen. (Standaard H2)
    • tekst uitlijnen:
      • links
      • centreren
      • rechts
  3. blok instellingen
    • link instellingen

      • van titel een link maken (toggle)
      • wanneer toggle aan:
        • in nieuw tabblad openen (toggle)
        • linkrelatie aangeven, bijvoorbeeld: nofollow of noreferrer
    • 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 het berichttitel blok in een nieuw template toevoegen

  1. ga naar de Site Editor
  2. kies 'Blader door alle templates' in de template dropdown in het midden van de menubalk
  3. kies 'Nieuwe toevoegen'
  4. selecteer 'Aangepaste template'
  5. klik op het berichttitel blok
  6. maak de gewenste aanpassingen

Andere thema blokken