WordPress 5 en de Gutenberg editor : Hier is waar je nu voor moet uitkijken

Leefke Krönke Laatst bijgewerkt op 10/23/2020
8 Min.
WordPress  Redacteur Gutenberg

WordPress 5 en de Gutenberg editor is hier. Hiermee vervangt Gutenberg de TinyMCE-editor, die al meer dan tien jaar de standaard is op WordPress . Om je voor te bereiden op de omschakeling, zal ik je vandaag laten zien wat de Gutenberg editor en voor welke veranderingen je nu moet oppassen.

Bijgewerkt 04.12.2018

Update: Belangrijke info - Bijgewerkt op 06.12.2018: WordPress 5 met de Gutenberg editor is gisterenavond (CET) vrijgegeven. Hoog tijd dus om het nu aan te pakken. Immers, WordPress 5 met de Gutenberg editor brengt enkele veranderingen met zich mee. In ons e-book leest u wat de nieuwe redacteur voor uw bedrijf betekent en hoe u zich op de update kunt voorbereiden.

Gutenberg en WordPress  5 E-Book

Als u zou tellen welk woord de laatste maanden het meest is gebruikt in de WordPress -gemeenschap, zou dat waarschijnlijk "Gutenberg" zijn. Het onderwerp van deze Gutenberg-discussie is niet de politicus, noch de uitvinder van de boekdrukkunst (althans niet indirect), maar de volgende grote WordPress -feature: de nieuwe redacteur!

Aangezien er veel informatie en meningen zijn over het Gutenberg-project, zal ik u een kort overzicht geven van de nieuwe WordPress -editor en welke voordelen en mogelijke hindernissen u en uw klanten te wachten staan.

Waarom heeft WordPress eigenlijk een nieuwe redacteur nodig?

De nieuwe Gutenberg editor zou RevolueerWordPress en ervoor zorgen dat ons favoriete CMS op lange termijn toegankelijk en concurrerend blijft. Voor het ontstaan en de implicaties van de Gutenberg editor is het het beste om te kijken naar de Bespreking door Gutenberg-Leider Matias Ventura Op WordCamp Europe 2018.

Het is tijd voor WordPress ' next big thing, het ding dat ons helpt om te gaan met onze uitdagingen en kansen. Het ding dat de wereld verandert. Gutenberg . - – Matt Mullenweg

Momenteel bestaat de nieuwe editor alleen als Plugin en is nog in de betafase. Dit zal echter spoedig veranderen, aangezien Gutenberg de nieuwe standaardeditor zal worden met de update naar WordPress 5.

Lange tijd was het onduidelijk wanneer Gutenberg klaar zou zijn voor de samenvoeging met WordPress Core. Een paar weken geleden kwam de opheldering: In zijn keynote op WordCamp Europe noemde WP mede-oprichter Matt Mullenweg augustus 2018 als doel. De integratie is echter gebonden aan een aantal voorwaarden bijgevoegd. Het is dus niet onwaarschijnlijk dat de Gutenberg stappenplan zal verder worden uitgesteld.

De Gutenberg editor is gebaseerd op blokken  

Allereerst wil ik u de speciale kenmerken van de nieuwe Gutenberg editor vergeleken 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 meestal niet ver zonder HTML, CSS, shortcodes en co.

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

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

De Gutenberg WordPress editor biedt specifieke blokken voor elk element van een artikel (bv. koppen, tekst, citaten, lijsten, afbeeldingen, ...), van waaruit u het uiteindelijke artikel "bouwt". 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 vs. Pagebuilder-Plugins

Vanwege het bloksysteem hebben veel WP-gemeenschapsleden al de vergelijking gemaakt tussen de Gutenberg editor en paginabouwers bloksysteem. Want hoewel Gutenberg in eerste instantie bedoeld is om de TinyMCE editor te vervangen met WordPress 5, heeft Matt Mullenweg duidelijk gemaakt dat WordPress in de toekomst in zijn geheel 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 kunnen vereenvoudigen doorheen de dingen. Het gaat over schrijven, bewerken en aanpassen. - Matt Mullenweg

Als u geïnteresseerd bent in hoe de Customizer met Gutenberg er in de toekomst uit zou kunnen zien, moet u de Loop Conf lezing "De toekomst op maat" door Mel Choyce kijken.

Gutenberg's gelijkenis met pagebuilders heeft ook geleid tot de discussie hoe de integratie van de nieuwe editor van invloed zal zijn op bestaande pagebuilderbedrijven in het WordPress ecosysteem. Dat de klassieke zullen pagebuilders langzaam uitsterven is een van de voorspelde scenario's.

De reacties van Beaver Bouwer, Divi, Elementor , Visual Composer en Co, de meest bekende pagebuilders werken aan de Gutenberg-compatibiliteit en lijken zich geen existentiële zorgen te maken. Alleen de makers van de pagebuilderPlugins Tailor trokken het ripcord relatief snel na de eerste Gutenberg-Beta werd uitgebracht, trokken zeaan het koord en stopten ze met hun Plugin .

Hoe maak je een bericht met Gutenberg

Wanneer u een pagina of een nieuw bericht aanmaakt met de Gutenberg editor krijgt u in eerste instantie een opgeruimd schrijfvlak met alleen een titelblok en een paragraafblok.

WordPress-Editor Gutenberg
Dit is wat de Gutenberg editor wanneer je een nieuw bericht maakt.

Net als bij de TinyMCE editor, wordt de permalink van het artikel automatisch aangemaakt zodra je het titelblok invult. U kunt het bestaande paragraafblok omzetten in elk ander blok en nieuwe blokken toevoegen. Om dit te doen, kunt u kiezen uit een selectie van verschillende inhoudsblokken.

Om u te helpen het juiste blok te vinden voor de functionaliteit die u nodig hebt, zijn de blokken onderverdeeld in de volgende categorieën: Meest Gebruikt, Algemene Blokken, Opmaak, Lay-out Elementen, Widgets, Invoegsels. Er is ook een zoekfunctie.

WordPress -Editor Gutenberg: Blokken
U kunt blokken selecteren uit voorgedefinieerde categorieën of er specifiek naar zoeken.

Welke nieuwe mogelijkheden de Gutenberg editor biedt en hoe het de schrijfstroom verandert, zal ik hier niet in detail uitleggen, omdat anderen dit 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 die de TinyMCE-editor volledig zou vervangen, is er behoorlijk wat tegenwind geweest vanuit de community.

Onder ontelbare artikelen en blog posts over de Gutenberg editor zijn 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 past de Theseus paradox toe op WordPress en benadrukt nogmaals de voordelen en visie van de Gutenberg editor hoogtepunten.

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

De meningen lopen uiteen over het onderwerp Gutenberg

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

Op dit punt moet echter worden gezegd dat het Gutenberg-team op voorbeeldige wijze met kritiek omgaat, alle negatieve recensies op feitelijk niveau beantwoordt, ingaat op de bezorgdheid van de auteurs en vraagt om suggesties voor verbetering.

WordPress -Editors Gutenberg Rating
De Gutenberg-Plugins beoordeling (vanaf juli 2018).

Momenteel heeft de Gutenberg-Plugin meer dan 10.000 actieve installaties. De integratie in de WP-Core met WordPress 5 zou moeten plaatsvinden wanneer de Plugin actief is op meer dan 100.000 sites. Als u Gutenberg al hebt getest, kunt u het Gutenberg team met weinig moeite steunen door een beoordeling achterlaten met uw feedback.

Wat verandert Gutenberg voor u en uw klanten?

Als u een webdesigner bent die WordPress sites ontwikkelt en onderhoudt voor uw klanten, hebt u waarschijnlijk een heleboel vragen: Hoe zal de Gutenberg editor invloed heeft op mijn werk? Hoe zullen mijn cliënten overweg kunnen met de redacteur? Zullen mijn (klanten)pagina's nog goed werken na de update? En wat betekent deze verandering voor WordPress in het algemeen?

Eén ding is duidelijk: u bent niet de enige met deze vragen! Het trieste nieuws is dat er waarschijnlijk geen definitief antwoord komt totdat de update naar WordPress 5 arriveert en uw klanten ermee worden geconfronteerd. Maar om ervoor te zorgen dat u zo goed mogelijk voorbereid bent, volgt hier een overzicht van de meest genoemde voordelen en voorspelde problemen van de Gutenberg editor in één oogopslag.

PRO - Deze voordelen brengen u de Gutenberg editor

  • Het maken van berichten is intuïtiever en speciaal voor WP newbies eenvoudiger. Dus Gutenberg zou daarbij moeten helpen, WordPress toegankelijker toegankelijker.
  • Met Gutenberg functies of lay-outs zoals multi-kolommen, die voorheen alleen mogelijk waren via HTML, shortcodes, widgets enzovoort.
  • Ontwikkelaars kunnen maken hun eigen Gutenberg blokken en zo de functionaliteit van hun Themes en Plugins uitbreiden.
  • Gutenberg's schone oppervlak met veel witruimte zorgt voor een aangenamere type-ervaring zonder afleiding.
  • De creatie van WordPress -bijdragen en pagina's met Gutenberg komt dicht in de buurt van de WYSIWYG principe (Wat je ziet is wat je krijgt).
  • Door de nieuwe editor toont WordPress innovatief en blijft concurrerend tegen de concurrentie van Wix en Co.
  • Onze Prestatievergelijking heeft aangetoond dat WordPress 5 de beste beladingstest aanzienlijk beter dan WP 4.9. Aangezien het hier echter nog om een alfa-versie gaat, moeten de resultaten slechts als een tendens worden gezien.

CONTRA - U zult waarschijnlijk met deze hindernissen te maken krijgen

  • Aangezien WordPress gebruikers eerst moeten wennen aan de nieuwe interface, zal de nieuwe editor in het begin waarschijnlijk de workflow verstoren. workflow.
  • Als u een WordPress -dienst aanbiedt, moet u rekening houden met een toename van de ondersteuning na de Gutenberg-integratie. meer ondersteunend verkeer kan worden verwacht.
  • Ontwikkelaars die willen werken met Gutenberg kunnen er niet komen JavaScript omzeild. Het is niet voor niets dat Matt Mullenweg in 2015 zei: "Leer JavaScript diepgaand!
  • Het is te verwachten dat (nog) niet alle Plugins en Themes compatibel met Gutenberg compatibel wanneer de editor is geïntegreerd in de WordPress kern.
  • Er zullen waarschijnlijk bugs en conflicten wat leidt tot bijvoorbeeld gebroken pagina's, Plugin problemen en frustratie met WordPress . Vooral wat betreft de compatibiliteit met aangepaste velden en MetaBoxen veel WP-gebruikers zijn bezorgd.
  • Voor eenvoudige blogposts Het gebruik van de verschillende blokken kan omslachtiger zijn dan met de klassieke TinyMCE editor.
  • De UX van de HTML-weergave verschilt van de klassieke editor, wat sommige gebruikers stoort (zie figuur).
WordPress -Editor Gutenberg: HTML weergave
In Gutenberg editor kunt u de HTML-weergave voor elk blok kiezen.

Onze conclusie: kalm blijven en testen!

Dus wat is de beste manier om je voor te bereiden op Gutenberg ? Aangezien de nieuwe editor nog in ontwikkeling is, moedigt het Gutenberg team alle WP gebruikers aan om hem te testen. Vanaf de update naar WordPress 4.9.8 eind juli, zal er zelfs een officiële prompt zijn"Test Gutenberg!" in het WP dashboard.
Hoe meer feedback en foutmeldingen er zijn, hoe beter de editor later zal werken. Na uitgebreid testen kunt u uw opmerkingen melden in het WordPress ondersteuningsforum of een issue openen op GitHub.

Belangrijk: Aangezien Gutenberg-Plugin nog in beta is, moet u de nieuwe editor natuurlijk niet op uw live site uitproberen, maar in een testomgeving (maak voor alle zekerheid vooraf een backup!). Als RAIDBOXES klant kunt u met één klik één van uw pagina's instellen om te testen staging omgeving van uw site en begin meteen.

Als Gutenberg uw site laat crashen of andere problemen veroorzaakt tijdens uw test, hebt u twee opties:

  1. U kunt uw versie repareren voordat de grote versie naar 5 springt. WordPress versie.
  2. Na de 4.9.8 update, installeer de Klassieke redacteur...Plugin (momenteel nog in beta). Op deze manier kunt u voorlopig de TinyMCE editor blijven gebruiken in WordPress 5.

Hebt u nog vragen over de Gutenberg WordPress editor? Voel je dan vrij om hier een reactie achter te laten. Als u wilt praten over Gutenberg en andere onderwerpen, neem dan een kijkje op onze RAIDBOXES Slack -Community voor WP-Professionals kom eens langs!

Gerelateerde artikelen

Reacties op dit artikel