Sinds de introductie van Gutenberg kun je zelf heel eenvoudig je pagina bouwen. WordPress zelf zorgt ervoor dat de layout van je pagina in grote lijnen mooi reageert op de schermbreedtes van je verschillende devices, oftewel, automatisch zit er een behoorlijke mate van responsiveness in je blocks pagina. Wij gaan echter nog net een stapje verder met ons nieuwe Responsive Content Block.
Hoe werkt het?
Stap 1
Binnen het deel van de pagina waarin je een afwijking in content wil creëren voor verschillende devices plaats je het Responsive Content Block.
Stap 2
Als je de lijstweergave open hebt staan zie je dat er een overkoepelend block verschijnt met daarbinnen een zogenaamd Breakpoint Block. Het eerst block dat gevuld kan worden is bestemd voor de mobiele weergave. Binnen dit kader vul je je content zoals je dat gewend bent met de blocks die je wenst te gebruiken.
Klaar met het maken van je content voor mobiel? Dan kun je ervoor kiezen het Breakpoint block te dupliceren, handig indien je content slechts een beetje afwijkt.
Stap 3
Als je block hebt gedupliceerd is het mogelijk om rechts in de balk je breakpoint instellingen vervolgens om te zetten in een ander device. Zit je gewenste formaat er niet tussen, kies dan voor Anders….
Nu krijg je zelf de mogelijkheid een min- en maxbreedte te geven aan het gebied waarin je layout af dient te wijken.
