Přejít k navigační liště

Zdroják » Různé » Gutenberg: Co je zač ten emoce vyvolávající editor (nejen) pro WordPress?

Gutenberg: Co je zač ten emoce vyvolávající editor (nejen) pro WordPress?

Články Různé

Gutenberg je plugin pro vizuální tvorbu strukturovaného obsahu. Myslím, že může přinést výraznou inovaci do tvorby webů nejen prostřednictvím WordPressu.

Nálepky:

Text vyšel původně na autorově webu.

Gutenberg mě zaujal, protože je to logický a moderní způsob tvorby obsahu. S návaznostmi na nejpopulárnější redakční systém mi v článku pomáhá Honza Bien. Sám totiž s WordPressem nepracuji, takže mě v tomhle textu bude Gutenberg zajímat spíše z pohledu webaře nespecializovaného na konkrétní CMS. S Honzou jsme také věnovali Gutenbergu jeden díl podcastu.

Mrkneme se jak Gutenberg reflektuje současný stav tvorby obsahu na webu a kam ho posouvá. A proč je tak kontroverzní.

Co Gutenberg vlastně je?

Bylo by možné jej vnímat jako náhradu WYSIWYG editoru TinyMCE, od webového pravěku zadrátovaného do WordPressu. Jenže on to není jen editor obsahu, měl by to být editor webů.

Editor Gutenberg

Gutenberg umožňuje definovat stránky jako sadu upravitelných bloků. Bloky pak autoři designu nastaví tak, aby úpravy jejich obsahu byly pro uživatele příjemné a výstupem byla vývojářsky dobře zpracovatelná struktura. Prostě konec bordelu, který produkují WYSIWYG editory.

 

Gutenberg navazuje na současný stav editací ve webdesignu. Jak píší v detailním textu na Smashing Magazine:

Gutenberg kombinuje ty nejlepší vlastnosti z page-builderů jako jsou Divi a Visual Composer, stejně jako z platforem jako jsou Medium, Wix and Squarespace, které uplatňují princip udělej si sám (DIY).

Ano, Medium uvnitř WordPressu, říkal jsem si, když jsem viděl první dema. David Bíňovec to pak rozebírá z pohledu tvůrce šablon. Ty krásné nové věci, které Gutenberg přináší, obnášejí:

  • Bloky jsou útržky obsahu – odstavce, nadpisy… Těm autoři mohou nastavit nástroje a nastavení, jež jsou uživateli dostupné. Například nadpis v bloku „cover image“ z obrázku může být vysázen tučným řezem, italikou a tak dále.
  • Šablony chápu jako soustavu bloků. Zajímavé na nich je, že jejich části mohou být nastavené jako neměnné, což je z pohledu autora výborné. Uživatel vám tak nerozbije, co nechcete.
  • Zástupné symboly (placeholders) umožňují autorovi předdefinovat ukázkový obsah do jednotlivých bloků a tím mu usnadnit tvorbu kvalitního obsahu.

Reakce jsou rozporuplné, ale vidina potenciálu převažuje

Jako každá nová věc, která toho hodně mění, i Gutenberg dostává od části komunity za uši. Aktuálně má například v repozitáři pluginů velmi nízké hodnocení – 2,5 hvězdičky.

Bodejť by neměl, skupina uživatelů WordPressu se hloubkou zainteresování pohybuje na stupnici od špičkových technických expertů až po uživatele, kteří kódu a věcem uvnitř nerozumí a rozumět nechtějí.

Právě ti nebudou zrovna moc naklonění velkému přestavování základů jejich oblíbeného „naklikatelného“ redakčního systému. A právě ti budou nejnaštvanější a nejvíce motivovaní dávat Gutenbergu špatná hodnocení.

Kritika použitelnosti

Jenže určitou kritiku je možné slyšet i od zainteresovaných:

S Honzou a výtkou k použitelnosti jsem původně souhlasil i já. V demu je docela obtížně realizovatelné realizovatelné „wordovské“ psací flow. Potvrzují to také vývojáři, kteří zkoušejí Gutenberga nasadit běžným uživatelům. Patrik Šíma například v komentáři napsal:

Myslím, že pro uživatele, kteří jsou odchovaní MS Officem, je to fail. Naši klienti to vůbec nedávají, takže my asi počkáme.

Zkušení uživatelé budou naopak tenhle kontroverze budící plugin spíše mít rádi. Pokud jsou zvyklí na editory typu Medium.com nebo zápis pomocí Markdown syntaxe, proces psaní jim nemusí nový plugin příliš zpomalit. Naopak!

Jen se zatím málo o skrytějších vychytávkách: Na Markdown mě ostatně upozornil až Bohumil Jahoda v komentářích zde na Vzhůru dolů. Právě bez znalosti téhle zkratky nebylo ani pro mě rychlé psaní v Gutenbergu zrovna moc zábavné.

WP Tavern pak v článku Gutenberg Plugin Garners Mixed Reactions from New Wave of Testers dělí kritiku do tří okruhů:

  1. Použitelnost. Dříve jednoduché úkoly mohou být složité – například přidávání každého textového bloku vyžaduje klikání na ikonu „plus“.
  2. Rozdělení úplně všeho do bloků místy komplikuje psací flow. („I do not want 50 zillion little fussy blocks on a page“.)
  3. Způsob komunikace týmu kolem Gutenberga („they felt that leaving specific feedback was a waste of time“).

Zatím se ale zdá, že přes to všechno směřuje Gutenberg do jádra WordPressu, což skupinu nesouhlasících povzbudilo k tvrdému odklonu vlastním směrem.

Část uživatelů pravděpodobně Gutenberga vůbec nepřijme

Revoluční přístup, použitelnost a špatná komunikace ale není jediným důvodem, proč Gutenberg provázejí takové emoce.

Tlak na vydání přes faily v přístupnosti

V říjnu totiž odstoupila šéfka týmu pro přístupnost celého WordPressu, Rian Rietveld. Jako hlavní důvody přitom uvedla nedostatky v organizaci, komunikaci a pracovních postupech. Nikdo z expertů na přístupnost neuměl pořádně React, takže nebylo možné chyby přímo opravovat. Na jejich zafixování se prý čekalo a přitom se rozbíjely další věci. Klasika.

Výsledkem je ovšem pokažená přístupnost:

The results indicated so many accessibility issues that most testers refused to look at Gutenberg again.

Načež se stala další nehezká věc: Nový šéf přístupnosti Matthew MacPherson nabídl udělat pořádný audit, jenže narazil: Hloubkové ověření přístupnosti Gutenberga bylo kvůli spěchu s vydáním nového WordPressu odloženo na neurčito.

Bude určitě zajímavé to dále sledovat. Podstatné ale je, že komunita WordPressu na modernizaci pracuje a že v Gutenbergu vidí potenciál. Přes všechny nedostatky, které aktuálně má a povyk, který jej provází.

Mimochodem: Nejen komunita WordPressu…

Gutenberg má šanci uspět i jinde. Třeba v Drupalu

Gutenberg se rozšiřuje i do dalších míst webového světa – například do konkurenčního CMS Drupal. Jan Polzer v článku píše:

Myslím, že pokud by se šlo cestou Gutenbergu … Drupalu by to jen prospělo.

Gutenberg si můžete vyzkoušet na testgutenberg.com/ nebo si o něm přečtěte více na prezentační stránce wordpress.org/gutenberg.

ebook-vdcss3-prebal-final

Kniha „Vzhůru do (responzivního) designu“

Kompletní průvodce návrhem a implementací responzivních uživatelských rozhraní v e-booku a knize. Více informací.

Komentáře

Subscribe
Upozornit na
guest
3 Komentářů
Nejstarší
Nejnovější Most Voted
Inline Feedbacks
View all comments
rotten77

Mě se Gutenberg líbí, na něco takového jsem čekal už delší dobu.
Máte někdo tip, jak z něj v šabloně získat nějaký strukturovaný výstup? Tzn. ne výsledné HTML, ale jednotlivé bloky, třeba v XML/JSON. Dostaun například blok typu „text“, následně blok typu „galerie“ s polem/seznamem jednotlivých obrázků, potom blok s „youtube“ videem, apod. Abych měl pod palcem komplet HTML výstup.

Oldisy3

No ještě to chce odladit aby se to chovalo předvídatelně

Radek

Podle mě by bylo nejlepší pokud by zanechali možnost použití obou editorů příspěvků, jak Gutenberg tak i klasický editor. Pro nováčky jsem sepsal článek jak používat Gutenberg: https://www.wpmax.cz/prace-s-novym-editorem-prispevku-gutenberg/

Enum a statická analýza kódu

Mám jednu univerzální radu pro začínající programátorty. V učení sice neexistují rychlé zkratky, ovšem tuhle radu můžete snadno začít používat a zrychlit tak tempo učení. Tou tajemnou ingrediencí je statická analýza kódu. Ukážeme si to na příkladu enum.

Pocta C64

Za prvopočátek své programátorské kariéry vděčím počítači Commodore 64. Tehdy jsem genialitu návrhu nemohl docenit. Dnes dokážu lehce nahlédnout pod pokličku. Chtěl bych se o to s vámi podělit a vzdát mu hold.