Veel mensen klagen dat het lastig is om aan de slag te gaan met het bouwen van Gutenberg blokken en -apps. De leercurve is steil, voornamelijk omdat het moeilijk is de ontwikkelomgeving te installeren en configureren. Daarnaast zijn een gedegen kennis van JavaScript, Node.js, React en Redux onmisbare ingredi\u00ebnten voor dit vrij complexe recept.<\/p>\n
Het offici\u00eble WordPress Block Editor handboek<\/a> biedt ontwikkelaars een enorme hoeveelheid informatie, maar het kan zijn dat je verdwaalt in de zee van details.<\/p>\n En het is de moeite waard om te vermelden wat Mat\u00edas Ventura, hoofdarchitect van het Gutenberg project, meldde in zijn interview met WP Tavern<\/a>:<\/p>\n Hoewel er mensen zijn die het snel kunnen leren, is het nog steeds een grote barri\u00e8re voor mensen. Ik denk dat er verschillende lagen zijn; documentatie zou zowel qua organisatie als presentatie een orde van grootte beter kunnen zijn. Ik hoop dat we daar nog veel kunnen doen.<\/em><\/p><\/blockquote>\n Met dat in gedachten hebben we besloten om een \u200b\u200bstapsgewijze tutorial aan te bieden om onze lezers te helpen aan de slag te gaan met de ontwikkeling van Gutenberg blokken.<\/p>\n Klinkt interessant? Laten we erin duiken!<\/p>\n Voor deze tutorial zijn de enige vereiste vaardigheden een goede kennis van de ontwikkeling van WordPress plugins en ten minste een basiskennis van HTML<\/a>, CSS, JavaScript en React.<\/p>\n Wordt dit een ambitieus project? Reken daar maar op!<\/p>\n Het was niet eenvoudig om het juiste compromis tussen volledigheid en eenvoud te vinden of te beslissen welke onderwerpen wel en niet moesten worden opgenomen.<\/p>\n Hopelijk zullen gemiddelde en gevorderde lezers ons vergeven dat we niet diep in bepaalde concepten zijn gedoken, zoals de React-status<\/a>, Redux-winkel<\/a>, hoogwaardige componenten<\/a>, enzovoort. Deze onderwerpen vereisen extra ruimte en aandacht en zijn waarschijnlijk te geavanceerd voor het ontwikkelen van beginnende blokken (tenzij je een React-ontwikkelaar bent).<\/p>\n Om dezelfde reden zullen we enkele van de meer geavanceerde onderwerpen met betrekking tot de ontwikkeling van Gutenberg blokken, zoals dynamische blokken<\/a> en metaboxen<\/a>, niet behandelen.<\/p>\n Met de kennis die je aan het einde van dit artikel opdoet, kun je meteen beginnen met plezier maken en productief zijn.<\/p>\n Als je eenmaal aan de slag gaat met het bouwen van blokken, ben je klaar om je vaardigheden verder te verbeteren en zelf nog geavanceerdere Gutenberg blokken te bouwen.<\/p>\n\n Sinds de release in december 2018 is de Block Editor<\/a> in alle opzichten sterk verbeterd: krachtigere API’s<\/a>, een geavanceerdere gebruikersinterface, verbeterde bruikbaarheid, een heleboel nieuwe blokken, de eerste implementaties van Full Site Editing<\/a> en nog veel meer.<\/p>\n Kortom, Gutenberg is nog volop in ontwikkeling en heeft al een lange weg afgelegd, maar desalniettemin is de Bock Editor een volwaardige kandidaat als een betrouwbare, functionele pagina- en sitebouwer.<\/p>\n Vanuit het oogpunt van een ontwikkelaar is Gutenberg een op React gebaseerde Single Page Application<\/a> (SPA) waarmee WordPress gebruikers inhoud in WordPress kunnen maken, bewerken en verwijderen. Dit zou je echter niet moeten doen denken aan een verbeterde versie van de traditionele inhoudseditor<\/a>.<\/p>\n Dit willen we duidelijk maken:<\/p>\nVereisten voor Gutenberg blokontwikkeling<\/h2>\n
Wat is een Gutenberg blok?<\/h2>\n