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.

 

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.

List view knop in de Block Editor
De List view knop in de Block Editor

 

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.

Twee afbeeldingen gestreepte achtergrond pattern
Twee afbeeldingen gestreepte achtergrond pattern

Uitgelicht boek

Uitgelicht boek pattern
Uitgelicht boek pattern

 

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:

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.

Layout - Pattern - Block
Layout – Pattern – Block – bron

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!


Bespaar tijd en kosten en maximaliseer siteprestaties met:

  • Directe hulp van WordPress-hostingexperts, 24/7.
  • Cloudflare Enterprise integration.
  • Globaal bereik met 29 datacenters verspreid over de wereld.
  • Optimalisatie met onze ingebouwde Application Performance Monitoring.

Dat alles en nog veel meer, in één pakket zonder langlopende contracten, met migraties en een 30 dagen geld-terug-garantie. Bekijk onze pakketten of neem contact op met sales om het pakket te vinden dat bij je past.