Kop-blok

Gebruik het Kop-blok om uw pagina in secties te splitsen. 
Elke kop moet het begin van een nieuw onderwerp aangeven.

Alle HTML-headinglabels ( <h1> tot en met <h6> ) kunnen worden gebruikt.

Laten we eens kijken naar alle instellingen voor het koersblok.

Kopblokinstellingen

De volgende instellingen zijn beschikbaar bij gebruik van het kopblok:

  • Richtingniveau: H1, H2, H3, H4, H5 of H6
  • Tekstuitlijning: links, midden, rechts
  • Vet
  • Cursief
  • Doorgehaald
  • Links
  • HTML-anker
  • Extra CSS-klasse

Laten we nu eens kijken hoe je een Kop blok kan aanpassen.

Met ene Kop-blok kan je hoofdingen (titels) toevoegen.
Van hoofding 2 tot hoofding 6.

Een Kop-blok aanpassen

Voordat je de instellingen van een Kop blok wijzigt is het belangrijk op te merken dat de stijl en looks worden bepaald door je WordPress-thema.

De meeste thema’s gebruiken een grotere lettergrootte, zwaarder lettertype (vetgedrukt) en soms een andere lettertype.

Kop Blok Editor Tools

Je kan de volgende bewerkingstools gebruiken binnen je Kop blok. Je ziet enkele klassiekers, zoals vet, cursief en doorhalen, evenals een paar nieuwe.

Vet, cursief & Doorhalen

Deze opties waren ook beschikbaar in de klassieke WordPress-editor en ze kunnen op dezelfde manier worden gebruikt in de nieuwe WordPress-editor.

Klik gewoon op de B voor vetgedrukt, de I voor cursief en het ABC voor doorhalen.

Links

Je kan ervoor kiezen om de volledige kop of slechts een deel ervan te koppelen.

  • Markeer de tekst die u wilt linken
  • Klik op het koppelingspictogram
  • Typ of plak in uw URL
  • Druk op Enter

Type hoofding: H2, H3, H4

Je ziet enkele knoppen waarmee u het type kop kunt wijzigen. In de werkbalk van de snelle editor direct boven je titel, zie je opties voor H2, H3 en H4.

U kunt echter in de rechterzijbalk onder de geavanceerde instellingen elke koerslabel (H1 tot en met H6) gebruiken.

OPMERKING: het wordt niet aanbevolen om een ​​H1-tag in uw inhoud te gebruiken.Doorgaans is de H1-tag gereserveerd voor uw paginatitel, die al dynamisch op uw pagina wordt weergegeven door je thema.

Geavanceerde Kop blokinstellingen

Er zijn een paar extra geavanceerde instellingen.

Tekstuitlijning

Je kan de kop uitlijnen naar links, rechts of midden van de pagina.

HTML-anker

Met HTML-ankers kunt u rechtstreeks naar deze sectie op de pagina linken.

In meer technische termen, zal het gebruik van het HTML-ankerveld de id eigenschap toevoegen aan uw heading-element.

Hier is een voorbeeld als u “sectienaam” hebt ingevoerd in het HTML-ankerveld:

<h2 id="section-naam">Titel staat hier</h2>

Dan zou je ergens anders op de pagina een normale link toevoegen en in het linkveld zou u het volgende invoeren:

#section-naam

Dat zou u naar het exacte punt op de pagina brengen waar die Kop-blok zich bevindt.

Opgelet: gebruik GEEN spaties in het HTML-ankerveld. Blijf bij afzonderlijke woorden, of scheid meerdere woorden met een koppelteken (-). Gebruik geen andere speciale tekens.

Extra CSS-klasse

Zoals de meeste bloksoorten, kan je een aangepaste CSS-klasse toevoegen aan een willekeurig Kop blok.

Als je op zoek bent naar nog meer controle over uw koppen, kan je dit veld gebruiken om uw eigen stijlen te schrijven.

  • Meerdere CSS-klassen zijn toegestaan
  • Scheid elke klassennaam met een spatie

Wissel een Kop blok naar een ander blok

Er zijn 3 verschillende bloksoorten die u een Kop kunt omzetten in:

  • Paragraaf
  • Citaat
  • Bedekking

De conversie van alinea’s en aanhalingstekens gebeurt precies zoals u verwacht.