Gutenberg & Page Builder – Wat staat er te gebeuren voor WordPress  bureaus?

Gutenberg & Page Builder – Wat staat er te gebeuren voor WordPress bureaus?

Gutenberg ontwikkelt zich momenteel snel in de richting van full site editing. Wat betekent deze ontwikkeling voor de toekomst van page builders? Waarop moeten WordPress bureaus en freelancers voorbereid zijn? Welke tools ondersteunen je? Een gastartikel van GREYD.

Toen WordPress in 2018 de Gutenberg editor introduceerde, werd het project (terecht) belachelijk gemaakt om zijn gebrek aan mogelijkheden. "Op een gegeven moment zal Gutenberg zeker nog beter worden of misschien wel de nieuwe norm," werd ons verzekerd door enthousiaste early adopters. Dat is inderdaad uitgekomen, want die tijd is nu gekomen.

Als je de ontwikkeling van Gutenberg een beetje hebt verslapen en WordPress centraal staat in je bedrijf of agentschap, dan moet je nu aandachtig verder lezen. Om te begrijpen waarom de ontwikkeling van Gutenberg een serieuze bedreiging vormt voor het bestaan van Page Builder plugins kijken we kort naar de geschiedenis van de nieuwe WordPress editor.

De ontwikkeling van WordPress Gutenberg

In het begin was de Gutenberg editor nog erg omslachtig in het gebruik, om het vriendelijk uit te drukken. Tenminste als je het vergelijkt met de mogelijkheden van bekende WordPress page builders – zoals Elementor of WPBakery. In directe vergelijking met de klassieke WordPress editor (TinyMCE), die meer geschikt was voor het schrijven van blogartikelen dan voor het ontwerpen van mooie websites, was Gutenberg een echte kwantumsprong.

Met de introductie van de Gutenberg editor heeft WordPress in ieder geval duidelijk laten zien dat blokken de toekomst zullen zijn in het webdesign van het content management systeem. Maar zoals de roadmap van het project Gutenberg laat zien, was de editor in de backend nog maar het begin. Fase 1 van in totaal 4 fasen, die zich over verschillende jaren zullen uitstrekken.

Waar Gutenberg vandaag staat & waarom het krap wordt voor WordPress Page Builder

Op dit moment zitten we in fase 2, die zich richt op het full site editing, block patterns (templates voor Gutenberg blokken), de block directory en block based themes. Deze fase alleen al ontneemt sommige halfbakken page builder plugins hun bestaansrecht, dat in feite alleen bestond uit het tot in detail aanpassen van de verschillende elementen van een website (zoals buttons, afbeeldingen of contactformulieren).

Met de Full Site Editing functie, die momenteel wordt geïntroduceerd, gaat Gutenberg nog een stap verder. Dit maakt het mogelijk om de hele website – inclusief de header en footer – direct in de editor aan te passen. Ter vergelijking: bij veel populaire page builders is hiervoor een betaalde premium versie nodig. WordPress biedt ons deze optie gratis aan.

Gutenberg Future Graph GREYD
Groei (verticaal) in verloop van tijd (horizontaal): Gutenberg vs Page Builder plugins

De bovengenoemde blokpatronen concurreren ook ernstig met de sjabloonbibliotheken van Elementor en dergelijke. Het idee achter kant-en-klare design templates werd bijzonder goed ontvangen door de doelgroep die niet al te goed thuis is in modern webdesign. Een paar snelle muisklikken en je hebt een website die bijna klaar is om te beginnen, met alleen nog de finishing touch en de juiste inhoud die moet worden toegevoegd.

Met de Block Patterns Directory begeeft WordPress zich nu op het terrein van de kant-en-klare sjablonen. Met de Block Patterns hoef je echter niet direct het ontwerp van een hele pagina over te nemen, maar kun je kiezen uit een groot aantal afzonderlijke delen. Als je gevonden hebt wat je zoekt, klik je gewoon op "Kopiëren" in de map om het ontwerp te plakken en aan te passen in de Gutenberg editor.

"*" geeft verplichte velden aan

Ik wil me abonneren op de nieuwsbrief om op de hoogte te blijven van nieuwe blogartikelen, ebooks, features en nieuws over WordPress. Ik kan mijn toestemming te allen tijde intrekken. Bekijk ons Privacybeleid.
Dit veld dient ter validatie en mag niet worden gewijzigd.

Page Builder, PageSpeed & WordPress Hosting

Afgezien daarvan zijn er ook plugins – bijvoorbeeld Gutenberg Template Library & Redux Framework – die je een grote selectie van complete templates voor Gutenberg aanbiedt. "Maar waarom zou ik voor Gutenberg gaan als ik misschien nog meer templates van andere page builders plugins kan krijgen?" Het toverwoord is PageSpeed.

Ik weet niet wat jij ervan vindt. Maar als ik te lang moet wachten tot een website volledig geladen is, vergeet ik vrij snel mijn manieren. Het is geen geheim meer dat page builder plugins de laadtijd van een website oneindig (en veel verder) opdrijven. Dit is grotendeels te wijten aan de opgeblazen code die door de plugins is toegevoegd.

Deze recensie van een gefrustreerde Elementor gebruiker vat het vrij goed samen:

Elementor  Zuurstof paginabouwer
Een overzicht van Elementor op wordpress.org

Op de een of andere manier lijkt het er niet beter op te worden met de paginabouwers, als het gaat om pagespeed. Je moet constant workarounds vinden om de website iets sneller weer te geven. Met de Gutenberg editor blijft het probleem van onnodig opgeblazen code je bespaard. Aangezien Gutenberg het interne product van WordPress is, is het onvermijdelijk dat je een minimum aan code hebt.

Dit is ook een van de belangrijkste redenen waarom we ons zo sterk hebben gericht op de native integratie van Gutenberg bij de ontwikkeling van onze eigen GREYD.SUITE. Het kan ook aan de WordPress hosting liggen als de laadtijden van je WordPress website in de kelder liggen – ondanks lean code en 100 procent gebruik van Gutenberg. In dit geval moet je zeker vertrouwen op een sterk managed WordPress hosting om dit te voorkomen.

Tools: GREYD, Gutentor, Stackable & co.

Hoewel Gutenberg nu zo sterk gepositioneerd is (en hoewel de editor steeds beter wordt) heeft het nog niet de status van "perfectie" bereikt. Er zijn nog enkele zwakke punten en tekortkomingen waarvoor externe oplossingen nodig zijn.

Externe oplossingen zijn in dit geval tools, zoals premium themes, die gebaseerd zijn op Gutenberg. Sommige van deze themes lijken helaas meer op de page builder plugins, omdat ze de Gutenberg editor volledig negeren, hun eigen functies over de bestaande WordPress kern heen strijken en zo ook de code onnodig opblazen. 

Wij wilden dit koste wat kost vermijden bij de ontwikkeling van onze eigen suite. Daarom hebben wij de eerste software ontwikkeld die Gutenberg voor 100 procent heeft geïntegreerd en niet alleen de mogelijkheid biedt om heen en weer te springen tussen Gutenberg en Page Builder. Dit zorgt ook voor bijzonder lage laadtijden voor de WordPress website.

Andere praktische uitbreidingen voor Gutenberg, als je niet per se een uitgebreide alles-in-één tool voor professionele WordPress bureaus nodig hebt, zijn plugins die de bestaande editor uitbreiden. Goede voorbeelden hiervan zijn, onder andere:

Toegegeven, deze oplossingen zijn niet per se perfect, maar ze zijn beter dan typische page builders die hun eigen editors introduceren. 

Een nadeel van Gutenberg is, en dat is waarom veel bureaus de editor niet vanaf het begin gebruiken, dat er momenteel geen aandacht wordt besteed aan responsive web design. Omdat wij echter van mening zijn dat responsieve websites onmisbaar zijn, hebben wij op tal van plaatsen in onze suite gebruiksvriendelijke bedieningselementen geïntegreerd. Hiermee kunnen ook mobiel responsieve websites gemakkelijk worden gecreëerd met Gutenberg.

Wat betekent dit voor WordPress agentschappen?

WordPress zal niet snel het toneel verlaten als het populairste content management systeem – hoewel WordPress de trend van headless CMS moet bijhouden. Door je te specialiseren in WordPress heb je al een zeer goede keuze gemaakt met je bureau (of als freelancer als je alleen werkt).

Als je je bedrijf echter afhankelijk maakt van page builder plugins die geen gebruik maken van Gutenberg zul je een van de belangrijkste trends in de geschiedenis van WordPress missen. Nu stelt dit sommige professionele WordPress bureaus voor een dilemma: enerzijds weten we dat Gutenberg op lange termijn de externe oplossingen zal overtreffen. En aan de andere kant kan de Gutenberg editor (zoals hierboven kort vermeld) niet in 100 procent van de gevallen worden gebruikt voor webdesign van wereldklasse.

Je zou te lang kunnen vasthouden aan de verouderde oplossingen, een slechte pagespeed aanvaarden en later de achterstand op Gutenberg niet meer kunnen inhalen. Of je springt meteen naar WordPress Gutenberg en accepteert enkele zwakke punten in het gedetailleerde ontwerp. Beide klinken als een nogal suboptimale oplossing, naar mijn mening.

Dit is precies het probleem waar we tegenaan lopen met ons eigen ontwerpbureau, waarmee we WordPress websites bouwen voor grote klanten. Daarom weten we dat het nooit een prettige situatie is om altijd het "minste kwaad" te moeten kiezen (prestaties, functionaliteit of aantrekkelijk design).

Maar zou je liever overstappen op een ander CMS?

Dit is geen goed idee! Uit een statistiek van W3Techs blijkt dat WordPress websites nu al meer dan 40% van alle websites op het internet uitmaken (laat dat maar even op je inwerken). En de trend lijkt niet echt te vertragen. Integendeel, de gebruikersstatistieken wijzen erop dat WordPress in de toekomst op relatief meer websites zal worden gebruikt.

Dit betekent natuurlijk niet dat je met TYPO3, Joomla!, Squarespace of een ander CMS een slechte keuze maakt. Het is alleen bedoeld om duidelijk te maken dat je met WordPress nog steeds een veilige basis het voor je website en het werk met je bureau in de toekomst. En dat je in dit verband ook de beste oplossing (=Gutenberg) binnen WordPress gebruikt bij het bouwen van websites.

Een vooruitziende blik is altijd goed

Als je de ontwikkeling van WordPress Gutenberg voor het werken met je WordPress bureau blijft negeren, zul je binnenkort tot de bedreigde diersoort behoren! Aangezien een onmiddellijke omschakeling echter vaak een probleem is door het gebrek aan opties en de intuïtiviteit van Gutenberg, wordt het gebruik van externe oplossingen die gespecialiseerd zijn in de editor Gutenberg aanbevolen.

Ofwel vertrouw je op speciale themes (laten we niet vergeten dat blokthema's een centrale rol spelen in de huidige Gutenberg fase) ofwel op extensie-plugins voor Gutenberg. Ik heb er in deze post een paar aan je voorgesteld.

In ieder geval moet je de ontwikkeling van het WordPress Gutenberg project niet alleen passief gadeslaan, maar er actief aan meewerken. Dan zul je er, als professionele WordPress dienstverlener, ook lang profijt van hebben.

Jouw vragen over Gutenberg en Page Builder

Welke vragen heb je voor Patrick? Voel je vrij om de commentaarfunctie te gebruiken. Wil je op de hoogte blijven van nieuwe artikelen over online marketing? Volg ons dan op Twitter, Facebook, LinkedIn of via onze Nieuwsbrief.

Vond je het artikel leuk?

Met jouw beoordeling help je ons om onze inhoud nog verder te verbeteren.

Eén reactie op "Gutenberg & Page Builder - Wat staat WordPress-bureaus te wachten? "

  1. Von einem akademischen Standpunkt aus betrachtet ist es sicherlich bereichernd, wenn man die Gutenberg-Entwicklung verfolgt und auch darin Kompetenz erlangt. Aus ökonomischer Sicht ist das aber vernachlässigbar. Außer man möchte das als seinen USP herausstellen. Meiner Meinung nach geht der Trend zu Lösungen die möglichst alles aus einer Hand bieten. Also nicht für jeden Schnick Schnack ein eigenes Plugin. In welchem Ökosystem du es dir da bequem machst, ist weniger entscheidend, als wie gut du deine Werkzeuge beherrscht. Und vielleicht gibt es ja in 2 bis 3 Jahren eine „IDE“ basierend auf Gutenberg. Der Markt hat für alle Platz, die Qualität liefern können. Und noch viel mehr für die, die gut verkaufen können. Alles nur eine Frage der Zielgruppe. Seit über 20 Jahren wurde jedes Ladezeitproblem früher oder später durch mehr Leistung in der Infrastruktur gelöst. Schlechte Ladezeiten liegen nicht an Page Builder Plugins oder deren Code sondern nur am Mangel an Know How und einer „Alles für lau“ Mentalität. Aber davon wird sich hier ja niemand angesprochen fühlen. 😉

Laat een reactie achter

Je e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *.