Op dinsdag 19 oktober 2021 was het zover. Na een pauze van iets meer dan 2 jaar, was er weer een WordPress Meetup Antwerpen. Deze Meetup stond in het teken van de Block Editor en Full Site Editing (FSE). En natuurlijk ook van elkaar weer in levende lijve zien.
Locatie
De locatie voor deze Meetup was Makerspace in Antwerpen. Makerspace helpt bedrijven met het bedenken en ontwikkelen van slimme hardware en stelde voor de organisatie een leuke ruimte ter beschikking voor deze Meetup. Anthony, bedankt!
Introductie
De Meetup werd geopend door Filip van Reeth. Na de gebruikelijke huishoudelijke mededelingen en een dankwoord aan Veerle Verbert voor haar jarenlange toewijding en hulp bij het organiseren van deze Meetup, was het de beurt aan Dave Loodts om zijn presentatie te geven.
They're back!@wpantwerp pic.twitter.com/nvfiC52av3
— Marcel 🇺🇦 (@mbootsman) October 19, 2021
Dave Loodts – Design in de Block Editor
Met de nieuwe Block Editor (ja, die ooit Gutenberg heette) zijn er tal van nieuwe mogelijkheden in de standaard WordPress editor gekomen om niet alleen maar wat shortcodes in je content te plaatsen. Veel aanpassingen zijn (afhankelijk van het type blok) makkelijk in te stellen in de blok eigenschappen. Voordat dit mogelijk was, waren plugins als Beaver Builder en Elementor al in staat om je dit soort mogelijkheden te bieden, en nu kan het dus ook in WordPress Core.
Voor het hergebruiken van deze designelementen zijn Block Patterns bedacht. Met Block Patterns kan je samengestelde blokken opslaan en hergebruiken, en er is zelfs een Block Pattern library.
Dave gaf een aantal voorbeelden, en gaf de tip om de List View in de Block Editor te gebruiken voor het krijgen van goed overzicht van de structuur en hiërarchie van gebruikte blokken in een bericht.
De Block Pattern library heeft Dave al vaak inspiratie gegeven om content op een bepaalde manier weer te geven. Hier een paar voorbeelden uit zijn live-demo.
Twee afbeeldingen met gestreepte achtergrond
Deze Block Pattern is hier te vinden in de Block Pattern Library.
Uitgelicht boek
Zoals je ziet zijn er design-technisch gezien veel mogelijkheden met de Block Editor. Dave noemt Patterns ook wel:
Patterns are the Sales Person Of The Block Editor
Koen Van den Wijngaert – Full Site Editing
Na een korte pauze en wisseling van laptops was het de beurt aan Koen Van den Wijngaert, en zijn presentatie over Full Site Editing.
Full Site Editing is onderdeel van fase 2 in de 4 fases van Gutenberg. Met FSE wordt het mogelijk om niet alleen je content, maar je gehele site met behulp van content blokken aan te passen.
Koen vertelde dat FSE bestaat uit:
- Site en template editing
- Block themes
- Navigatie en Query blocks
- Global styles
Met deze functionaliteiten wordt het mogelijk om je hele site in te richten met WordPress, zonder daarvoor eerste in de code te duiken om templates te maken. Je begin met een template, vult deze met Block Patterns, die weer kunnen bestaan uit diverse blokken zoals een navigatie en/of Query block.
Met de Global styles is het mogelijk om in een config bestand (theme.json) allerlei instellingen voor de Block Editor vast te leggen. Hiermee kan je bijvoorbeeld een huisstijl verwerken in de Block Editor, zodat gebruikers alleen maar kleuren en lettertypes kunnen kiezen die vastgelegd zijn in een huisstijl. In WordPress 5.9 zal er een interface komen voor theme.json, zodat iedereen een Global Style kan opzetten en aanpassen.
Mocht je willen helpen met het Full site Editing project, dan is er het Full Site Editing Outreach Program.
Presentaties
Zodra de slides door Dave en Koen zijn vrijgegeven, zullen deze hier gelinkt worden.
Meer WordPress Meetups
Wil je ook wel eens naar een WordPress Meetup, maar heb je geen idee waar die gehouden worden? Check dan voor meer WordPress Meetups en hun programma’s, de sites van WP Belgium en WP Nederland.
Hopelijk tot ziens op een volgende WordPress Meetup!
Laat een reactie achter