Zo werk je met properties en key value pairs in theme.json

ict

[ad_1]

Het begrijpen van de structuur en properties van het theme.json bestand is fundamenteel bij het ontwikkelen van blokkenthema’s. Dit bestand dient immers als de primaire configuratiehub voor alle op blokken gebaseerde thema’s.

Of je nu een nieuw thema bouwt, een bestaand thema aanpast, een stijlvariant ontwikkelt of aan een childthema werkt, begrijpen hoe je met theme.json moet werken is essentieel.

Gelukkig is JSON (JavaScript Object Notation) een menselijk leesbare indeling met een hiërarchische structuur die informatie organiseert van algemene naar specifieke properties. In de context van theme.json is bekendheid met Cascading Style Sheets (CSS) relevanter dan diepgaande kennis van JavaScript.

In dit artikel worden de primaire en secundaire (nested) properties in een theme.json bestand uitgesplitst, waarbij de nadruk ligt op de belangrijkste instellingen en style properties. Dit zijn namelijk de kernelementen van het bestand en we geven gedetailleerde uitleg en codevoorbeelden voor elke property.

We bouwen voort op de basis die we hebben gelegd in ons vorige artikel, Zo profiteer je van de kracht van theme.json: customize je WordPress thema als een pro en dan met name uit het gedeelte Werken met properties van het theme.json bestand.

Hoe stijlen worden weergegeven in een blokthema

WordPress gebruikt een ingebouwd cascadeproces om stijlen voor een site te renderen. Wanneer meerdere bronnen dezelfde instelling of stijl definiëren, moet WordPress bepalen welke voorrang heeft. Hieronder staat de rangorde die WordPress volgt om te bepalen welke stijlen worden toegepast:

  1. WordPress core – Het fallback theme.json bestand staat in de wp-includes map. Dit bestand wordt bijgewerkt met grote releases van WordPress en moet niet worden bewerkt.
  2. Thema – Het primaire theme.json bestand dat wordt gebruikt door thema-ontwikkelaars om de instellingen, stijlen en andere properties van het thema te definiëren.
  3. Stijlvariaties – Als een thema stijlvariaties bevat, heeft elk zijn eigen theme.json bestand dat is opgeslagen in de styles subdirectory van het thema.
  4. Childthema – Net als bij klassieke thema’s kan een childthema een parentthema wijzigen zonder de bestanden te wijzigen (optioneel).
  5. Childthema stijlvariaties – Net als bij gewone stijlvariaties kan een childthema zijn eigen theme.json bestand hebben in zijn styles subdirectory (optioneel).
  6. Door de gebruiker gemaakte stijlen – Dit zijn custom stijlen die zijn toegevoegd door WordPress editors (voor pagina’s, berichten of de site als geheel) en opgeslagen in de database.

De cascadevolgorde zorgt ervoor dat stijlen van bronnen met een hogere prioriteit die van bronnen met een lagere prioriteit overschrijven. Instellingen in het bestand theme.json van het thema zullen bijvoorbeeld de core WordPress theme.json overschrijven. Op dezelfde manier zal de stijlvariatie van een childthema voorafgaan aan de stijlvariatie van het parentthema.

Door de gebruiker gemaakte stijlen (6) hebben de hoogste prioriteit en hebben voorrang op alle andere stijlen in de cascade.

In dit artikel richten we ons op het bestand theme.json in de hoofdmap van elk WordPress blokthema.

[ad_2]

https://kinsta.com/nl/blog/theme-json-properties-key-value-pairs/