De Antwerp WordPress meetup groep is een van de meest actieve lokale groepen en onze geweldige vrijwilligers organiseren regelmatig evenementen. De data voor volgend jaar zijn aangekondigd en ik kijk nu al uit naar de laatste dinsdag van elke oneven maand in 2023! Er werden 2 verschillende showcases gepresenteerd: Ben Rockefeller bouwde zijn contentwebsite met de bestaande tools in WordPress, net als Eva, die gebruik maakte van Full Site Editing.
Een Content First WordPress-site
Er valt veel te vertellen over voeding en gezondheid, en Ben Rockefeller creëerde de website healthviafood.org met als doel samengevatte informatie over dit onderwerp aan te bieden. Ben schreef heel wat content die hij structureerde met de WordPress Classic Editor. De op Astra gebaseerde website is gehost op SiteGround en maakt geen gebruik van aangepaste code, omdat dat problemen kan veroorzaken bij het onderhoud van de site.
Plugins worden als bewezen beschouwd zodra ze meer dan 10.000 installaties hebben. Een van de belangrijkste plugins is WP Optimize, gemaakt door Frank Goossens. Een andere handige tip, misschien meer een reminder, is om de Broken Link Checker te gebruiken. Controleer je website regelmatig op gebroken links, want webpagina’s worden verwijderd, wisselen van domeinnaam enzovoort. Als je dit niet regelmatig doet, kun je al snel eindigen met veel gebroken links. Dat ergert je bezoekers en kan zelfs een negatief effect hebben op je zoekmachineposities.
Bedankt Ben voor de showcase!
Full Site Editing: het kan
De tweede showcase, door Eva Brarens, focust meer op hoe je je website kunt bouwen met de Full Site Editing-functies van Gutenberg in WordPress. Om met Full Site Editing te experimenteren, koos Eva voor een vrij eenvoudige website zonder aangepaste functionaliteiten. De website heeft een eigen thema en een hybride opzet. In het volgende deel bespreek ik de goede, de slechte en de middelmatige aspecten.
Het goede
Templates zijn leesbaar omdat ze gecodeerd zijn in HTML met specifieke variabelen. Waarom is dat een voordeel? Je kunt een groot deel van de code genereren via de backend door een template aan te maken vanuit de beheerinterface, wat betekent dat zelfs niet-technische gebruikers dit kunnen doen. Nieuwe templates aanmaken voor prototyping werkt als een zonnetje!
Daarnaast kun je de beschikbare Gutenberg-functies beheren via het theme.json-bestand. Patronen en aangepaste code in een child theme plaatsen helpt je om de code efficiënt te onderhouden en georganiseerd te houden.
Het slechte
Het grootste probleem is dat de opmaak in Gutenberg er niet hetzelfde uitziet als op de frontend. Als (frontend) developer zul je meer werk hebben om het er bij het bewerken hetzelfde uit te laten zien. Daar komt nog bij dat er standaard WordPress-stijlen zijn die uitgeschakeld of volledig overschreven kunnen worden. Momenteel is er geen (eenvoudige) manier om het laden van de stijlen van een enkel blok uit te schakelen. Eva schreef er wel een handige blogpost over. Nieuwe functies en stijlen zullen echter waarschijnlijk ook overschreven worden.
Het middelmatige
Gegenereerde templates zijn in veel gevallen complexer dan nodig. De nieuwe functies voor fluid typography zien er veelbelovend uit als ze efficiënt worden toegepast, maar anders voegen ze extra complexiteit toe aan de gegenereerde templates. Een ander “meh”-aspect zijn de inconsistenties in de interface. Gelukkig is het Gutenberg-project volop in ontwikkeling en wordt het elke dag beter.
Ter conclusie: Full Site Editing kan zeker in productie worden gebruikt, al zijn er ook nadelen aan verbonden.
Houd de website https://fullsiteediting.com bij de hand om voorbeelden en code-referenties te raadplegen.
Tips
Bij het bouwen van een nieuwe website zijn er altijd kleine pareltjes te ontdekken:
- Zichtbaarheid van blokken plannen: Block Visibility
- Mediabeheer: Filebird
- Alternatieven voor analytics: Matomo, Koko analytics





