WordPress 6.4 staat gepland voor release op 7 november en het is tijd om de meest opmerkelijke features en verbeteringen te verkennen die in de nieuwe WordPress versie zullen worden geleverd.

De meest interessante toevoegingen zijn onder andere blokhooks, verbeterde organisatie van patterns, een opnieuw ontworpen en verbeterd commando-palet, wijzigingen aan bijlagenpagina’s, een lightbox-effect voor afbeeldingen en verschillende verbeteringen aan de schrijfworkflow.

Het beter laden van templates, efficiëntere strategieën voor het laden van scripts en andere prestatieverbeteringen zullen je WordPress website sneller laten draaien, waar verbeteringen aan de List View en verschillende upgrades aan de beheerdersinterface deze bruikbaarder en toegankelijker zullen maken.

WordPress 6.4 geeft je ook een nieuw standaardthema met enorm veel kant-en-klare patterns en templates die je bewerkingsproces zullen stroomlijnen.

Genoeg om over te praten dus! Hoog tijd dus om eens te kijken naar wat er nieuw is in WordPress 6.4.

Blokhooks

Blokhooks of block hooks, voorheen auto-inserting blocks genoemd, stellen plugins in staat om automatisch te communiceren met de Gutenberg Editor.

Om precies te zijn: dankzij blokhooks kan een blok automatisch op een specifieke positie worden geplaatst wanneer een ander blok wordt toegevoegd aan de inhoud.

Twee principes bepalen hoe blokhooks moeten werken:

• De gebruiker moet niet gevraagd worden om het blok handmatig in de editor in te voegen en het invoegen van het blok in de frontend moet onmiddellijk gebeuren na het activeren van de plugin die het gehookte blok levert. Het uitschakelen van de plugin zou het blok automatisch moeten verwijderen.
• Het blok moet zichtbaar zijn in de editor en de gebruiker moet controle hebben over het automatisch invoegen.

Om rekening te houden met beide principes en om de informatie in de code te behouden, werken gehookte blocks alleen in ongewijzigde templates en template parts en in patterns die zijn aangeleverd door thema’s, gekopieerd uit de Pattern Directory of geregistreerd met de register_block_pattern functie. Ze werken niet in de content van posts, gewijzigde templates en template parts en door gebruikers gemaakte patterns.

Bovendien waarschuwt de notitie:

vanaf WordPress 6.4 kun je niet automatisch blokken invoegen die een opslagfunctie hebben, anders treden er blokvalidatiefouten op. In spreektaal betekent dit dat blokhooks werken met dynamische blokken, niet met statische blokken.

Lees meer over statische en dynamische blokken.

Je kunt blokhooks op twee manieren implementeren: met het block.json bestand of met het nieuwe hooked_block_types filter.

Blokken hooken via block.json

Het gebruik van block.json is de snelle en gemakkelijke manier om een extern blok te hooken, maar het biedt geen grote flexibiliteit, wat betekent dat een blok dat automatisch wordt ingevoegd via block.json onvoorwaardelijk aan alle instanties van het doel zal worden gekoppeld.

Je kunt “aangehaakte” blokken toevoegen met de nieuwe property blockHooks, die een object van sleutel/waardeparen aanneemt, waarbij de sleutel de naam is van het blok waar je op wilt inhaken en de waarde de positie ten opzichte van het doelblok specificeert.

Je kunt een van de volgende posities instellen:

• before voor het doelblok
• after na het doelblok
• firstChild eerste child van het doelcontainerblok
• lastChild laatste child van het doelcontainerblok

Je kunt bijvoorbeeld op deze manier een blok aan elk Spacer blok koppelen met blockHooks:

{
	blockHooks: {
		'core/spacer': 'after'
	}
}

Als je firstChild of lastChild gebruikt met block.json, verschijnt er een nieuw Plugins paneel in de Block Inspecter met een lijst van blokken die automatisch worden ingevoegd, met toggles om automatisch invoegen van blokken aan of uit te zetten.

Blokken hooken  met hooked_block_types

Een flexibelere manier om blokken aan een doel te koppelen is met het nieuwe filter hooked_block_types. Hiermee kun je blokken onvoorwaardelijk aan een doel koppelen, net als met de block.json methode, of op basis van een voorwaarde – bijvoorbeeld een blok aan een doel koppelen afhankelijk van de template, het templatepart of het pattern waar het zich bevindt.

De callback functie voor hooked_block_types accepteert vier parameters:

• $hooked_blocks – Een array van gehaakte blokken.
• $position – Dit kan before, after, first_child, of last_child zijn.
• $anchor_block – De naam van het ankerblok.
• $context – Het bloktemplate, templatepart of pattern waar het ankerblok bij hoort.

Voor meer technische inzichten over blokhooks, zie de dev note.