WordPress-editor Gutenberg

WordPress 5 en de Gutenberg editor: waar je nu op moet letten

WordPress 5 en de Gutenberg editor zijn hier. Dit betekent dat Gutenberg de TinyMCE editor vervangt, die al meer dan tien jaar de standaard is in WordPress. Om je voor te bereiden op de overgang, laat ik je vandaag zien wat de Gutenberg editor inhoudt en op welke veranderingen je nu moet letten.

Als je zou moeten tellen welk woord de afgelopen maanden het meest is genoemd in de WordPress community, dan zou dat waarschijnlijk "Gutenberg" zijn. Het onderwerp van deze Gutenberg discussies is niet de politicus of de uitvinder van de boekdrukkunst (althans niet indirect), maar de volgende grote WordPress functie: de nieuwe editor!

Omdat er nu een overvloed aan informatie en meningen is over het Gutenberg project, geef ik je een kort overzicht van wat de nieuwe WordPress editor inhoudt en welke voordelen en potentiële hindernissen jij en je klanten moeten kennen.

Waarom heeft WordPress überhaupt een nieuwe editor nodig?

De nieuwe Gutenberg editor zal WordPress revolutioneren en ervoor zorgen dat ons favoriete CMS op de lange termijn toegankelijk en concurrerend blijft. Als je meer wilt weten over de ontwikkeling en implicaties van de Gutenberg editor, bekijk dan de presentatie van Gutenberg-Lead Matias Ventura op het WordCamp Europe 2018.

Het is tijd voor het volgende grote ding van WordPress, het ding dat ons helpt om te gaan met onze uitdagingen en kansen. Het ding dat de wereld verandert. Gutenberg. - Matt Mullenweg

De nieuwe editor bestaat momenteel alleen als plugin en bevindt zich nog in de bètafase. Dit zal echter snel veranderen, want met de update naar WordPress 5 wordt Gutenberg de nieuwe standaard editor.

Lange tijd was het onduidelijk wanneer Gutenberg klaar zou zijn voor de samenvoeging tot de WordPress core. Een paar weken geleden kwam het antwoord: in zijn keynote speech op WordCamp Europe noemde WP medeoprichter Matt Mullenweg augustus 2018 als streefdatum. De integratie is echter aan enkele voorwaarden gekoppeld aan bepaalde voorwaarden. Het is daarom niet onwaarschijnlijk dat de Gutenberg-roadmap verder zal worden opgeschoven.

De Gutenberg editor is gebaseerd op blokken.  

Allereerst wil ik je de speciale functies van de nieuwe Gutenberg editor laten zien in vergelijking met de klassieke TinyMCE editor.

In principe is TinyMCE beperkt tot de meest noodzakelijke functionaliteiten voor het maken en bewerken van inhoud (zie onderstaande schermafbeelding). Als je echter een speciale lay-out of bepaalde functies voor je berichten of pagina's wilt implementeren, kom je niet ver zonder HTML, CSS, shortcodes en dergelijke.

TinyMCE WordPress editor
De vertrouwde interface van de klassieke TinyMCE editor.

De klassieke TinyMCE editor lijkt op gewone tekstprogramma's zoals Microsoft Word of Google Docs - een witte pagina waarop je kunt schrijven en media kunt invoegen. De nieuwe Gutenberg editor is ontworpen om het werken met WordPress nog eenvoudiger en toegankelijker te maken. Hoe werkt het? Heel eenvoudig, er is maar één element in de nieuwe WordPress editor: blokken.  

De Gutenberg WordPress editor biedt specifieke blokken voor elk element van een post (bijv. koppen, tekst, citaten, lijsten, afbeeldingen, ...) waaruit je het uiteindelijke artikel "opbouwt". Een blok moet dus worden opgevat als een bouwsteen die bepaalde functionaliteiten biedt en in de toekomst de huidige WordPress elementen zoals shortcodes, widgets en menu's zal vervangen.

Gutenberg-Editor versus page builder plugins

Vanwege het bloksysteem hebben veel leden van de WP-community al de vergelijking gemaakt tussen de Gutenberg-editor en paginabouwers al een vergelijking getrokken. Hoewel Gutenberg in eerste instantie de TinyMCE editor zal vervangen met WordPress 5, heeft Matt Mullenweg duidelijk gemaakt dat heel WordPress in de toekomst uit blokken zal bestaan.

Een veel voorkomende misvatting over Gutenberg is dat het gewoon een editor is. [ Gutenberg gaat echt over het introduceren van dit concept van blokken die de WordPress ervaring in alle opzichten kunnen vereenvoudigen. Het gaat over schrijven, bewerken en aanpassen. - Matt Mullenweg

Als je geïnteresseerd bent in hoe de Customiser met Gutenberg er in de toekomst uit zou kunnen zien, moet je de Loop Conf presentatie "De toekomst aanpassen" door Mel Choyce bekijken.

De gelijkenis van Gutenberg met paginabouwers heeft ook de discussie hoe de integratie van de nieuwe editor de bestaande pagebuilder-bedrijven in het WordPress ecosysteem zal beïnvloeden. Het feit dat de klassieke page builders langzaam zullen uitsterven is een van de voorspelde scenario's.

De reacties van Bever, Divi, Elementor, Visual Composer en dergelijke, de bekendste page builders werken aan Gutenberg compatibiliteit en lijken geen existentiële zorgen te hebben. Alleen de makers van de page builder plugin Tailor hebben relatief snel na de eerste Gutenberg beta werd gepubliceerd, dat zede stekker eruit trokken en stopten met hun plugin.

Een bericht maken met Gutenberg

Wanneer je een pagina of een nieuw bericht maakt met de Gutenberg editor, krijg je in eerste instantie een opgeruimd schrijfgebied te zien met alleen een koppenblok en een alinea.

WordPress editor Gutenberg
Zo ziet de Gutenberg editor eruit als je een nieuw bericht maakt.

Net als bij de TinyMCE editor wordt de permalink van het artikel automatisch aangemaakt zodra je het titelblok invult. Je kunt het bestaande paragraafblok omzetten in een willekeurig blok en nieuwe blokken toevoegen. Hiervoor kun je kiezen uit een selectie van verschillende inhoudsblokken.

Om het gemakkelijker te maken om het juiste blok voor de gewenste functionaliteit te vinden, zijn de blokken onderverdeeld in de volgende categorieën: Meest gebruikt, Algemene blokken, Opmaak, Lay-out elementen, Widgets, Embeds. Er is ook een zoekfunctie.

WordPress editor Gutenberg: Blokken
Je kunt blokken selecteren uit vooraf gedefinieerde categorieën of er specifiek naar zoeken.

Ik zal hier niet in detail uitleggen welke nieuwe opties de Gutenberg editor biedt en hoe het de manier van schrijven verandert, omdat anderen dat al in detail hebben gedaan:

Wat zegt de WordPress gemeenschap over Gutenberg?

Sinds Matt Mullenweg begin 2017 aankondigde dat WordPress een nieuwe blok-editor zou krijgen om de TinyMCE editor volledig te vervangen, is er veel tegenwind geweest vanuit de community.

Tussen de talloze artikelen en blogposts over de Gutenberg editor, verhitte discussies verhitte discussies in de commentaren en de algemene indruk is dat veel WP-gebruikers zich genegeerd voelen in het besluitvormingsproces. Een reactie op deze negatieve geluiden is een artikel van Gutenberg-Lead Matias Ventura, waarin hij de Theseus paradox toepast op WordPress en nogmaals de voordelen en visie van de Gutenberg editor benadrukt.

"Er kan een tijd komen dat de oude manieren achterhaald raken en verdwijnen, opgeslokt door de rijkere en duidelijkere interface van blokken, maar we doen er zoveel mogelijk aan om dit een proces te laten zijn. Het oude hoeft niet plotseling te verdwijnen, het kan geleidelijk gevormd worden tot het nieuwe." - Matias Ventura

Over het onderwerp Gutenberg lopen de meningen uiteen.

De verdeelde mening van de WP gemeenschap over de nieuwe WordPress editor wordt ook weerspiegeld in de beoordeling van de plugin Gutenberg plugin: 175 keer werd de plugin beoordeeld met vijf sterren en 269 keer met slechts één ster.

Op dit punt moet echter gezegd worden dat het Gutenberg team op een voorbeeldige manier met kritiek omgaat door op alle negatieve recensies op een feitelijk niveau te reageren, de zorgen van de auteur aan te pakken en suggesties voor verbetering te vragen.

WordPress-Beheerders Gutenberg Beoordeling
De evaluatie van de Gutenberg plugin (per juli 2018)

De Gutenberg plugin heeft momenteel meer dan 10.000 actieve installaties. De integratie in WP-Core met WordPress 5 zal plaatsvinden wanneer de plugin actief is op meer dan 100.000 sites. Als je Gutenberg al hebt getest, kun je het Gutenberg team met weinig moeite steunen door een recensie achter te laten met je feedback.

Wat verandert Gutenberg voor jou en je klanten?

Als je een webdesigner bent die WordPress sites voor je klanten ontwikkelt en onderhoudt, heb je waarschijnlijk veel vragen: Hoe zal de Gutenberg editor mijn werk beïnvloeden? Hoe zullen mijn klanten omgaan met de editor? Zullen mijn (klant)sites nog goed werken na de update? En wat betekent deze verandering voor WordPress in het algemeen?

Eén ding is duidelijk: je bent niet de enige met deze vragen! Het trieste nieuws is dat er waarschijnlijk pas een definitief antwoord komt als de update naar WordPress 5 er is en je klanten ermee worden geconfronteerd. Maar zodat je zo goed mogelijk voorbereid bent, volgt hier een overzicht van de meest genoemde voordelen en voorspelde problemen van de Gutenberg editor.

PRO - Dit zijn de voordelen van de Gutenberg editor

  • Het maken van bijdragen is intuïtiever en vooral voor WP-nieuwelingen eenvoudiger. Dit zou Gutenberg moeten helpen om WordPress toegankelijker toegankelijk.
  • Met Gutenberg kun je functies of lay-outs zoals multi-kolom lay-outs die voorheen alleen mogelijk waren met HTML, shortcodes, widgets en dergelijke.
  • Ontwikkelaars kunnen hun eigen Gutenberg blokken maken en zo de functionaliteit van hun thema's en plugins uitbreiden.
  • Het schone oppervlak met veel witruimte maakt schrijven comfortabeler zonder afleiding.
  • WordPress berichten en pagina's maken met Gutenberg is vergelijkbaar met het WYSIWYG principe (Wat je ziet is wat je krijgt) dichterbij.
  • De nieuwe editor maakt WordPress vernieuwend en blijft concurrerend tegen de concurrentie van Wix en Co.
  • Onze prestatievergelijking heeft aangetoond dat WordPress 5 belastingstest aanzienlijk beter presteert dan WP 4.9. Omdat dit echter nog een alpha-versie is, moeten de resultaten alleen worden gezien als een trend.

CONTRA - Deze hindernissen zul je waarschijnlijk tegenkomen

  • Omdat WordPress gebruikers eerst moeten wennen aan de nieuwe interface, zal de nieuwe editor in het begin waarschijnlijk de workflow verstoren. De workflow verstoren.
  • Als je een WordPress service aanbiedt, kun je na de Gutenberg integratie een verhoogd toegenomen supportvolume verwachten.
  • Ontwikkelaars die willen werken met Gutenberg kunnen daar niet komen JavaScript kunnen er niet langs. Matt Mullenweg zei niet voor niets al in 2015: "Leer JavaScript diep!"
  • Het is te verwachten dat niet alle plugins en thema's met Gutenberg compatibel zijn wanneer de editor is geïntegreerd in de WordPress kern.
  • Er zullen waarschijnlijk bugs en conflicten die bijvoorbeeld leiden tot foutieve pagina's, pluginproblemen en frustratie met WordPress. Vooral wat betreft de compatibiliteit met aangepaste velden en MetaBoxen maken veel WP-gebruikers zich zorgen.
  • Voor eenvoudige blogberichten kan het gebruik van de verschillende blokken omslachtiger zijn dan met de klassieke TinyMCE editor.
  • De UX van de HTML-weergave is anders dan de klassieke editor, die sommige gebruikers vervelend vinden (zie afbeelding).
WordPress editor Gutenberg: HTML weergave
In de Gutenberg editor kun je de HTML-weergave selecteren voor elk afzonderlijk blok.

Onze conclusie: Blijf kalm en test!

Dus wat is de beste manier om je voor te bereiden op Gutenberg ? Omdat de nieuwe editor zich nog in de ontwikkelingsfase bevindt, moedigt het Gutenberg team alle WP gebruikers aan om hem te testen. Vanaf de update naar WordPress 4.9.8 eind juli komt er zelfs een officieel verzoek om"Test Gutenberg!" in WP-Dashboard .
Hoe meer feedback en bugrapporten er zijn, hoe beter de editor later zal werken. Na uitgebreid testen kun je je opmerkingen melden op het WordPress support forum of een issue openen op GitHub.

Belangrijk: Omdat de Gutenberg plugin zich nog in de bètafase bevindt, moet je de nieuwe editor natuurlijk niet op je live site aan de tand voelen, maar in een testomgeving (maak voor de zekerheid vooraf een back-up!). Als Raidboxes klant kun je met één klik een staging-omgeving maken om te testen. staging-omgeving van je site en direct aan de slag gaan.

Als Gutenberg je pagina laat crashen tijdens je test of andere problemen veroorzaakt, heb je twee opties:

  1. Voor de grote versiesprong naar 5 kun je je WordPress versie repareren.
  2. Installeer na update 4.9.8 de Klassieke editor plugin (momenteel nog in bèta). Hiermee kun je de TinyMCE editor voorlopig blijven gebruiken in WordPress 5.

Heb je nog vragen over de Gutenberg WordPress editor? Laat dan hier een reactie achter. Als je wilt discussiëren over Gutenberg en andere onderwerpen, neem dan een kijkje op onze Raidboxes Slack gemeenschap voor WP professionals en kom langs!

Vond je het artikel leuk?

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