Een nieuwe manier om te publiceren in WordPress is in de maak. Maak je klaar om je woorden, afbeeldingen en lay-out er net zo goed uit te laten zien op het scherm als in je verbeelding, zonder gebruik van enige code.

Je hebt misschien gehoord van dit project – het heet Gutenberg, vernoemend naar een andere uitvinding die een revolutie teweegbracht in de uitgeverij – maar je vraagt je af wat het voor jou betekent. Wie ervaart het grootste verschil en wat verandert er voor jouw dagelijkse workflows? De Gutenberg-editor gebruikt blokken om alle soorten inhoud te maken, vervangt een vijftal inconsistente manieren om WordPress aan te passen, brengt het in lijn met moderne coderingsstandaarden en open webinitiatieven. Deze inhoudsblokken transformeren de interactie tussen gebruikers, ontwikkelaars en hosts met WordPress, zodat het bouwen van rijke webinhoud eenvoudiger en intuïtiever wordt, en democratiseren het publiceren – en werken – met WordPress voor iedereen, ongeacht technische vaardigheden.

Het is geweldig dat zoveel mensen denken dat WordPress de beste manier is om hun ideeën op het web te krijgen, en het is gemakkelijk om de kracht van WordPress te ontgrendelen als je weet hoe je code moet schrijven – maar dat kan niet iedereen. En nu hoeft dat niet meer.

Ontdek de nieuwe manier van werken

We willen zo veel mogelijk feedback en realistische tests van de gebruikerservaringen en dus is er een plugin gemaakt zodat iedereen Gutenberg kan proberen. Om deze nieuwe manier van werken van WordPress te proberen, ga je naar het Dashboard van je site en naar de Plugins pagina. Klik op “Nieuwe plugin” en type “Gutenberg” in het zoekveld.

Je kan de Gutenberg plugin ook downloaden en zelf op je website installeren.

Help mee met het bouwen van de toekomst

Gutenberg wordt ontwikkeld op GitHub, en de documentatie is een goede plek om het project te leren kennen.

Het team hoort graag wat jij van Gutenberg vindt! DIt is een goede kans om echt impact te hebben op de toekomst van WordPress. Verken en gebruik Gutenberg, deel je gedachten – zo vaak als je wilt.

 

De beste manier om mensen te helpen met het bouwen van deze nieuwe gebruikerservaring is om deze te testen met behulp van een aantal taken. De instructies hiervoor kan je hier vinden.

Wat is een blok?

Tijdens discussies over Gutenberg hoor je veel over blokken. Deze blokken zijn een uniforme manier om content weer te geven, waarvoor op dit moment shortcodes, widgets, insluitingen, meta-boxen en andere elementen voor nodig zijn. Door uitgebreide aanpassingen mogelijk te maken zonder kennis te hebben van code, passen blokken in de belofte van WordPress: brede functionaliteit met een duidelijke consistente gebruikerservaring.

De huidige WordPress editor is een tekstvenster – het is altijd een mooie manier geweest om te schrijven, maar op het moment dat er afbeeldingen, multimedia, ingesloten content van social media en andere componenten gebruikt moeten worden, is het gebruik niet altijd even intuïtief:

• Mediabibliotheek voor afbeeldingen, multimedia en andere toegestane bestandstypen.
• Plakken van links voor ingesloten content.
• Shortcodes voor diverse plugin functionaliteiten.
• Uitgelichte afbeeldingen.
• Samenvattingen voor subkoppen.
• Widgets voor content aan de zijkant van een pagina.

Bij het nadenken over deze componenten zijn we na gaan denken over het “blokken”-concept. Al de bovenstaande componenten worden blokken, makkelijk te gebruiken en overal te plaatsen op een pagina. Het blok-concept is erg krachtig, en als het goed ontworpen is, kan dit een uitstekende manier van publiceren worden.

Stel je een aangepast “werknemer” blok voor die een klant naar een “Over” pagina kan slepen waardoor er automatisch een foto, naam en biografie verschijnt. Stel je de mogelijkheden voor die huidige plugins bieden, maar dan in blokken en niet in widgets of shortcodes. Stel je voor dat gebruikers WordPress meteen begrijpen – en 90% van de plugins.

De fases van Gutenberg

Gutenberg heeft drie geplande fases. De eerste, met als doel om in WordPress 5.0 toegevoegd te worden, richt zich op het schrijven van berichten en het implementeren van blokken. Deze initiële fase richt zich op een content-eerst strategie. Het gebruik van blokken, zoals hierboven uitgelicht, geeft je de mogelijkheid je te richten op hoe je content weergegeven wordt zonder je te verdiepen in hoe je dat voor elkaar krijgt. Dit zal uiteindelijk alle gebruikers helpen om hun content op een door hun gewenste manier weer te geven.

Deze elementen leggen de basis voor fases twee en drie, gepland voor volgend jaar, om verder te gaan van bericht naar pagina sjablonen, en uiteindelijk de mogelijkheid om je hele site aan te passen.

Gutenberg is een grote verandering, en er zullen manieren komen om huidige functionaliteiten (zoals widgets, shortcodes en Meta boxen) bruikbaar te houden, terwijl ontwikkelaars werken aan de overgang naar Gutenberg. Uiteindelijk zal dit nieuwe mogelijkheden bieden voor plugin en thema-ontwikkelaars om de gebruiker beter te helpen met het publiceren van content.

Compatibiliteit

Het Gutenberg project is reeds bezig met het oppakken van compatibiliteitsproblemen. Blokken zijn het nieuwe mechanisme om content te publiceren en we raden ontwikkelaars aan om te zorgen dat functionaliteit ook als blok kan werken. Ondersteuning voor de huidige functionaliteit in WordPress zal blijven, en er zullen transitieplanningen gemaakt worden voor shortcodes, Meta boxen en Custom Post Types.

• Shortcodes
  • Blijven werken zonder aanpassingen.
  • Er is een nieuw “Shortcode” blok om te helpen bij het invoegen.
  • Er is een gepland mechanisme voor het direct zien van een preview.
• Meta boxen
  • Sommige zullen blijven werken zonder aanpassingen.
  • Sommige zullen bijgewerkt moeten worden (voor die van de DOM afhankelijk zijn*)
  • De meesten kunnen overgezet worden naar blokken.
  • Sommige kunnen omgezet worden naar Gutenberg extensies welke buiten de content te gebruiken zijn.
  • Er zal een mechanisme komen om conflicterende Meta boxen de klassieke editor te laten laden, met een melding.
• Custom Post Types
  • Worden ondersteund door Gutenberg.
  • Hebben een REST_API declaratie nodig (show_in_rest).
  • Kunnen uitgesloten worden door geen ‘editor’ support aan te geven bij declaratie.
  • Zullen ondersteunde en standaard blokken kunnen declareren.

*Sommige Meta boxen die de structuur van het huidige editor-scherm gebruiken, zullen niet gegarandeerd werken met Gutenberg, en zullen aangepast moeten worden voordat ze correct gebruikt kunnen worden.

Tenslotte, er is een officieel ondersteunde plugin voor het uitschakelen van Gutenberg.

Meer informatie

Wil je meer leren over het Gutenberg project, dan zijn hier wat pagina’s om mee te beginnen:

• Gutenberg, or the Ship of Theseus [EN]: met wat voorbeelden van wat Gutenberg in de toekomst zou kunnen doen.
• Technisch overzicht van de editor [EN]
• Ontwerpprincipes en best-practices voor blok ontwerp [EN]
• Nieuws over updates op make.wordpress.org [EN]
• De FAQ sectie [EN] van Gutenberg.
• Bekijk presentaties over Gutenberg op WordPress.tv.