gutenberg test

The Good, the Bad and the Pretty - WordPress Gutenberg in test

Als je Matt Mullenweg mag geloven, is de nieuwe WordPress Gutenberg redacteur de toekomst van WordPress . En na de eerste test blijkt: Hij zou gelijk kunnen hebben. Op voorwaarde dat Gutenberg ook bruikbaar zal zijn voor live operatie met de komende releases. Wij tonen de grootste tekortkomingen en belangrijkste functies van de nieuwe editor in één oogopslag.

Het leidt nog steeds een schimmig bestaan als beta-versie. Dit zou de ontwikkeling van de nieuwe editor kunnen belemmeren. Het is jammer, want Gutenberg is in principe een geweldige redacteur. Ongeacht hoe de bètafase, verdere ontwikkeling en kernintegratie verlopen, hebben wij Gutenberg onder de loep genomen en laten wij u zien waar u naar uit kunt kijken en waarom u Gutenberg niet in live bedrijf zou moeten gebruiken.

De inhoud in een oogopslag:

  1. De installatie
  2. Het nieuwe bloksysteem
  3. Foto's
  4. Video's
  5. Citaten en sociale media
  6. Tabellen en codefragmenten
  7. Buttons
  8. HTML
  9. Conclusie

De eerste schok: alles als voorheen

De installatie is dezelfde als voor alle andere Plugins : zoek Gutenberg in de plugin directory, download, activeer, klaar. Je vindt de nieuwe editor in de zijbalk van je WP dashboard.

In feite heb ik eerst gezocht naar een overeenkomstige knop in de editor van een nieuw bericht. Helaas tevergeefs. Het eerste inzicht op dit punt: Gutenberg wordt niet automatisch de standaard editor. U kunt echter bestaande berichten openen via Gutenberg . Om dit te doen, moet je naar het postoverzicht gaan en de, ietwat verborgen, optie Gutenberg selecteren.

Oude berichten kunnen ook worden geopend met Gutenberg .
De Gutenberg optie is wat verborgen in de snelle selectie van berichten.

Helaas is het resultaat allesbehalve mooi: Als je een reeds bestaand artikel opent, althans in onze test, wordt de volledige inhoud in één enkel blok gepropt. Dit leidt het op zichzelf uitstekende blokkeringssysteem ad absurdum. En natuurlijk betekent het dat je met de nieuwe editor geen artikelen meer kunt bewerken die niet met Gutenberg zijn gemaakt.

Twee andere ernstige problemen zijn onder onze aandacht gekomen: Ten eerste, het instellen van links werkte niet in onze test (noch op URLs, noch op artikel-interne haken). En ten tweede, Gutenberg kan nog geen plugin-specifieke post opties weergeven. Zo zijn de SEO en social media opties van Yoast niet zoals gebruikelijk onder het artikel in te stellen en ook de auteur van een bericht kan momenteel niet via Gutenberg zelf worden ingesteld.

bestaande bijdragen versnippert gutenberg helaas volledig
Het resultaat van een poging om een bestaand bericht te openen in Gutenberg : Niet alleen is het beeld vervormd, maar het beeld en de tekst staan in hetzelfde blok. Bovendien werken de links niet meer.

Al deze punten betekenen dat Gutenberg eenvoudigweg nog niet geschikt is voor gebruik onder spanning. Aangezien de editor nog in beta fase is (momenteel in versie 0.2.0), is dit draaglijk, maar de limiet van 100.000 actieve installaties in de komende twee maanden, afgekondigd door Matt Mullenweg, lijkt nu utopisch. Hoewel dit op zich niet slecht is, doet het wel de vraag rijzen naar de lancering van de volledige versie.

De bètafase zou er namelijk toe kunnen leiden dat veel gebruikers die niet over een ontwikkelomgeving of testinstanties beschikken, ervoor terugschrikken omGutenberg te installeren en te testen. Raidboxes Overigens, klanten kunnen de editor eenvoudig testen in staging of op een DEMO BOX .

Omdat Gutenberg in zijn huidige staat om verschillende redenen niet echt geschikt is voor live gebruik, zullen wij onze beoordeling van versie 0.2.0 beperken tot het schrijfproces zelf. Met Gutenberg is het schrijfproces eenvoudiger dan ooit tevoren.

Het blokprincipe overtuigt en inspireert

De editor ziet er eigenlijk net zo goed uit vanaf het begin als in de Demo. Onze indruk daarom: Het doet meer denken aan een paginabouwer dan aan een tekstverwerker. Maar begrijp me niet verkeerd: Momenteel kunnen alleen berichten, geen pagina's, worden aangemaakt met Gutenberg .

Het blokprincipe is gebaseerd op het idee om elke inhoudelijke, argumentatieve of media-eenheid van uw blogbericht een eigen, configureerbare en verplaatsbare omgeving te geven. Met andere woorden, een blok.

Eigenlijk gaat het idee nog verder: Blokken moeten het nieuwe meta-formaat worden voor WordPress en geleidelijk alle andere elementen verenigen en vervangen.

We gaan nog veel meer soorten blokken bouwen. En dit is de basis voor, natuurlijk, wat de toekomst van maatwerk zal zijn. Dus blokken zullen widgets vervangen, blokken zullen alle andere grondbeginselen en primitieven binnen WordPress vervangen -totdat alles een blok is

- Matt Mullenweg, WordCamp Europe 2017, Parijs

Dus elk element dat je in een van je berichten invoegt, wordt gedefinieerd als een blok. Of het nu gaat om een afbeelding, een video, een citaat, een tweet, een tabel of een knop. Het mooie hiervan is dat de blokken onafhankelijk van elkaar kunnen worden verplaatst. Weliswaar nog niet via drag and drop, maar alleen in afzonderlijke stappen, maar ook dat vergemakkelijkt de herstructurering van berichten en hun vormgeving enorm.

Gutenberg , dat al in bèta is, biedt enkele tientallen mogelijke bloktypes.
Wanneer u een nieuw blok aanmaakt, ziet u alle configuratie opties. Momenteel is het al een indrukwekkend aantal, maar naar verwachting zal het mettertijd nog meer groeien. Dit doet echter ook de vraag naar het overzicht rijzen. Je kunt nu al vrij ver scrollen in de blokselectie.

Het blokprincipe heeft drie specifieke voordelen, die wij in onze test van een uur hebben kunnen vaststellen:

1. het creëren van inhoud wordt dynamischer

Elke paragraaf, elke foto, elke video is een apart blok. Deze blokken kunnen onafhankelijk van elkaar worden verhuizen. Het herstructureren van teksten wordt zo kinderspel. Op dit moment is deze verhuizing alleen mogelijk in enkele stappen en niet via drag and drop.

Het verplaatsen van blokken op Gutenberg is alleen mogelijk in enkele stappen, maar het is supergemakkelijk.

2. meer overzicht en opgeruimde editor

Door zijn strakke ontwerp smeekte de editor ons letterlijk om alle mogelijke blokformaten te testen. Onze indruk: Dankzij het zeer gereduceerde ontwerp, dat een soort "afleidingsvrij schrijven" deluxeis, werden wij aangemoedigd omveel intensiever na te denken over de mogelijkheden van het ontwerp en de zinvolheid ervan. Hoewel dit ook te danken is aan de nieuwigheid van de editor zelf, is het in combinatie met het dynamische karakter van de blokken dat Gutenberg een geheel nieuwe ervaring van contentcreatie biedt. De compromisloze tekstgerichtheid is bijzonder nuttig. En: Wij vinden dat de redacteur er al verdomd goed uitziet.

Gutenberg heeft een extreem verkleind oppervlak. En toch ziet het er uitstekend uit.
De editor is zo gereduceerd dat de modus voor afleidingsvrij schrijven niet meer nodig is. Trouwens, de instellingenbalk aan de rechterkant kan ook worden ingeklapt.

3. meer aandacht voor de essentie

Ten slotte heeft het nieuwe blokprincipe het voordeel dat het het natuurlijke denk- en schrijfproces ondersteunt als je er eenmaal aan gewend bent. Elke gedachte, elk argument wordt een blok. Dit maakt het structureren van artikelen veel gemakkelijker en intuïtiever.

Het blokprincipe is gemakkelijk te begrijpen, werkt pakkend, vergemakkelijkt het maken van inhoud en heeft volgens ons zeker het potentieel om de grote hit te worden die het vanuit een UX-perspectief wordt genoemd.

Werken met beelden is een waar genoegen

Het invoegen van afbeeldingen verloopt ook via de blokken en in principe precies zoals voorheen - alleen een beetje intuïtiever. Zodra u een afbeeldingsblok hebt gemaakt, selecteert u de afbeelding uit de mediabibliotheek of uploadt u deze. Daarna kunt u het aanpassen met de speciale afbeeldingsopties van het blok. Het mooie hiervan is dat alleen de opties worden getoond die u nodig hebt. Bijschriften en alternatieve tekst kunnen ook rechtstreeks in Gutenberg worden geschreven. De instellingenbalk aan de rechterkant past zich ook aan, afhankelijk van het geselecteerde blok.

Afbeeldingen in Gutenberg kunnen eenvoudig links uitgelijnd, rechts uitgelijnd en op volledige breedte worden gezet.
Niet te zien: Aan de rechterkant kunnen alle beeldspecifieke detailinstellingen worden gemaakt. In de opmaakbalk aan de linkerkant kan de afbeelding dienovereenkomstig worden geplaatst.

De hierboven getoonde lay-out opties bestaan trouwens voor alle blokken, d.w.z. video's, citaten, social media posts, enz. Wat ons ook opviel: De galerij optie heeft nu zijn eigen blok. Dit kan de optie toegankelijker maken voor de een of de ander.

Video-integratie rechtstreeks via het platform

Zelfs bij het insluiten van bewegende beelden wordt de workflow met Gutenberg niet onderbroken: Maak gewoon een nieuw blok, selecteer het respectievelijke medium (of een leeg embed blok), voeg de URL in, klaar.

Door het aantal individuele aanbiedingen wordt de blokselectie enigszins verwarrend. Bovendien begrijpen wij de zin niet van de speciale blokken voor bepaalde videoplatforms, zoals WordPress .tv. Want je kunt ook gewoon alle video's insluiten via het universele insluitblok.

Citaten blijven hetzelfde, social media posts worden mooi en simpel

Het insluiten van citaten is niet veel veranderd, behalve dat ze nu gemakkelijker kunnen worden verplaatst dankzij het blokprincipe. Het insluiten vansocialemediaberichten is daarentegen een beetje gemakkelijker en mooier geworden: want nu kunt u rechtstreeks werkendoor de link in te voeren en zonder insluitcode.

Gutenberg maakt het integreren van tweets ook heel gemakkelijk.

Gloednieuw. Tafels. Alles hetzelfde met code snippets.

Een gloednieuwe functie is de optie om tabellen rechtstreeks via de editor in te voegen, zonder dat daarvoor een extra Plugin nodig is. Momenteel zijn echter alleen tabellen met twee kolommen mogelijk, maar het invoegen werkt net zo gemakkelijk als met alle andere blokken. In onze test waren de tafels nog niet tot meer in staat. Bovendien verschuift de kolombreedte dynamisch tijdens tekstinvoer. Je kunt zien dat het blok nog niet af is.

Bij het invoegen van code snippets blijft alles echter hetzelfde.

Het beste voor het laatst: Knoppen

Ten slotte biedt een WordPress editor de mogelijkheid om knoppen in te stellen in de normale publicatieworkflow. Zomaar, via een speciaal gemaakt blok. In principe hoeft u alleen de knop in te voegen, de link erachter te definiëren en het label en de kleur te kiezen. In principe. Want in onze test werkte deze functie ook nog niet.

HTML-aanpassingen zoals gewoonlijk. Alleen mooier.

Het bloksysteem werd niet overgenomen in de HTML-editor. Dit lijkt op vroeger, alleen, dankzij het nieuwe ontwerp, een beetje frisser. En de code is nu automatisch ingesprongen. Dit helpt met het overzicht.

zo ziet html eruit in de oude editor
zo ziet html eruit in de nieuwe editor
Boven de variant van de huidige editor. Door de grotere lijndikte is hij over het geheel genomen korter, maar in vergelijking met de Gutenberg-variant met ingesprongen regels is hij ook verwarrender.

Het is trouwens ook mogelijk om aangepaste HTML-blokken in te voegen via de visuele editor. Het mooie hiervan is dat de HTML-code in het blok kan worden bewerkt en het resultaat direct kan worden bekeken.

hoe embed aangepaste html gutenberg
Met een eenvoudige knop linksboven in het blok kunt u schakelen tussen de code en het voorbeeld in Aangepaste HTML.

Conclusie: Het gevoel is goed, de functies moeten nog worden verbeterd, de compatibiliteit slecht.

De huidige Gutenberg versie 0.2.0 is een beta versie. Het is dus helemaal niet nodig dat alles al goed werkt. Dat doet het niet. Vooral de tabellen en de knoppen hebben nog wat werk nodig - twee van de meest interessante blokken. En ook de achterwaartse compatibiliteit en integratie van belangrijke uitgeversfuncties verloopt nog niet vlekkeloos. Op dit moment moet je dus ten laatste terugschakelen naar de oude editor wanneer je een nieuw bericht bijwerkt. Voor meer dan een test en een snelle blik in de kristallen bol is Gutenberg op dit moment niet echt nuttig.

Op één punt kan de nieuwe redacteur echter volledig overtuigen: het blokprincipe. Hierdoor wordt het schrijfproces al merkbaar versneld en is het veel intuïtiever en gemakkelijker te hanteren. Vooral voor frequente schrijvers moet dit een enorme opluchting zijn.

Maar het blokprincipe is nog belangrijker en biedt veel meer mogelijkheden dan alleen het makkelijker maken om berichten te schrijven. En je kunt zien dat Mullenweg actief op zoek is naar een op blokken gebaseerde WordPress . In zijn vraag- en antwoordsessie op WordCamp Europe in Parijs, laat hij al duidelijk doorschemeren waar de reis naartoe gaat.

We gaan nog veel meer soorten blokken bouwen. En dit is de basis voor, natuurlijk, wat de toekomst van maatwerk zal zijn. Dus blokken zullen widgets vervangen, blokken zullen alle andere grondbeginselen en primitieven binnen WordPress vervangen -totdat alles een blok is.

- Matt Mullenweg, WordCamp Europe 2017, Parijs

Wij interpreteren dit als volgt: de nieuwe WordPress editor, die deel zal gaan uitmaken van de WordPress core, zal actief worden ontwikkeld in de richting van een krachtige page builder. Mocht het blokprincipe dan ook buiten het artikelniveau toepasbaar worden, dan zouden de volgende releases uiterst interessant moeten zijn. Maar voordat dat kan gebeuren, moet Gutenberg volwassen worden en zijn bestaansrecht als WordPress redacteur verdienen.

In ieder geval kijken we uit naar verdere updates en natuurlijk een stabiele volledige versie van Gutenberg. Heeft u input over de nieuwe editor die we nog niet hebben behandeld of een ervaring die u wilt delen met de gemeenschap? Dan kijken we uit naar uw commentaar!

Vond je het artikel leuk?

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

Laat een reactie achter

Je e-mailadres wordt niet gepubliceerd.