Editor WordPress Gutenberg

WordPress 5 a Gutenberg - Redaktor: Musíte tomu věnovat pozornost hned teď

WordPress 5 a editor Gutenberg jsou zde. To znamená, že Gutenberg nahrazuje editor TinyMCE, který byl ve WordPressu standardem více než deset let. Abych vás na přechod připravil, ukážu vám dnes, v čem editor Gutenberg spočívá a na jaké změny si nyní musíte dát pozor.

Kdybyste měli spočítat, které slovo bylo v komunitě WordPress v posledních měsících nejčastěji zmiňováno, bylo by to s největší pravděpodobností "Gutenberg". Předmětem těchto Gutenberg diskusí není ani politik, ani vynálezce knihtisku (alespoň nepřímo), ale další velká funkce WordPressu: nový editor!

Vzhledem k tomu, že o projektu Gutenberg je nyní k dispozici velké množství informací a názorů, poskytnu vám stručný přehled toho, o čem nový editor WordPressu je a jaké výhody a potenciální překážky byste měli vy a vaši zákazníci znát.

Proč WordPress vůbec potřebuje nový editor?

Nový editor Gutenberg je nastaven na revoluci ve WordPressu a zajistí, že náš oblíbený CMS zůstane dlouhodobě dostupný a konkurenceschopný. Chcete-li se dozvědět více o vývoji a důsledcích editoru Gutenberg, podívejte se na stránku prezentaci Gutenberg-Lead Matias Ventura na konferenci WordCamp Europe 2018.

Je čas na další velkou věc WordPressu, věc, která nám pomůže vypořádat se s našimi výzvami a příležitostmi. Věc, která změní svět. Gutenberg. - Matt Mullenweg

Nový editor v současné době existuje pouze jako zásuvný modul a je stále ve fázi beta. To se však brzy změní, protože Gutenberg se stane novým standardním editorem s aktualizací na WordPress 5.

Dlouho nebylo jasné, kdy bude Gutenberg připraven na sloučení s jádrem WordPressu. Před několika týdny přišla odpověď: spoluzakladatel WP Matt Mullenweg ve svém projevu na WordCamp Europe označil za cílové datum srpen 2018. Integrace je však některé předpoklady spojena s určitými podmínkami. Není proto nepravděpodobné, že by se Gutenberg-roadmap bude dále odsunuta.

Editor Gutenberg je blokový  

Nejprve bych vám rád ukázal zvláštní vlastnosti nového editoru Gutenberg ve srovnání s klasickým editorem TinyMCE.

TinyMCE se v zásadě omezuje na nejnutnější funkce pro vytváření a úpravy obsahu (viz obrázek níže). Pokud však chcete implementovat speciální rozvržení nebo určité funkce pro své příspěvky či stránky, bez HTML, CSS, zkratek a podobně se příliš daleko nedostanete.

Editor TinyMCE WordPress
Známé rozhraní klasického editoru TinyMCE.

Klasický editor TinyMCE je podobný běžným textovým programům, jako je Microsoft Word nebo Dokumenty Google - je to bílá stránka, na kterou můžete psát a vkládat média. Nový editor Gutenberg je navržen tak, aby byla práce se systémem WordPress ještě snazší a přístupnější. Jak funguje? Jednoduše řečeno, v novém editoru WordPressu je pouze jeden prvek: bloky.  

Editor Gutenberg WordPressu poskytuje specifické bloky pro každý prvek příspěvku (např. nadpisy, text, citace, seznamy, obrázky, ...), ze kterých "sestavíte" výsledný článek. Blok je tedy třeba chápat jako stavební prvek, který poskytuje určité funkce a v budoucnu nahradí současné prvky WordPressu, jako jsou zkratky, widgety a nabídky.

Gutenberg-Editor vs. pluginy pro tvorbu stránek

Vzhledem k blokovému systému již mnoho členů komunity WP provedlo srovnání mezi Gutenberg-editorem a nástrojem pro tvorbu stránek tvůrci stránek. Ačkoli Gutenberg zpočátku nahradí editor TinyMCE ve WordPressu 5, Matt Mullenweg dal jasně najevo, že celý WordPress se bude v budoucnu skládat z bloků.

Častým omylem o webu Gutenberg je, že je to jen editor. [...] Gutenberg je ve skutečnosti o zavedení tohoto konceptu bloků, které mohou zjednodušit WordPress zkušenosti v celé věci. Bude se zabývat psaním, úpravami a přizpůsobením. - Matt Mullenweg

Pokud vás zajímá, jak by mohl Customiser s Gutenberg vypadat v budoucnu, měli byste se podívat na prezentaci Loop Conf "Přizpůsobení budoucnosti", kterou přednesl Mel Choyce podívejte se na ni.

Podobnost Gutenbergu s nástroji pro tvorbu stránek také podpořila. diskusi o tom, jak integrace nového editoru ovlivní stávající stavitele stránek v ekosystému WordPress. Skutečnost, že klasický page buildery budou pomalu vymírat je jedním z předpovídaných scénářů.

Reakce Stavitel bobrů, Divi, Elementor, Visual Composer a podobně, nejznámější tvůrci stránek pracují na kompatibilitě s Gutenberg a zdá se, že nemají žádné existenční starosti. Pouze tvůrci pluginu pro tvorbu stránek Tailor oznámili poměrně rychle po. první beta verzi Gutenberg zveřejnili ,stáhli šňůru a přestali svůj plugin vyrábět.

Jak vytvořit příspěvek pomocí Gutenberg

Při vytváření stránky nebo nového příspěvku v editoru Gutenberg se zpočátku zobrazí úhledná oblast pro psaní, která obsahuje pouze blok nadpisů a blok odstavců.

Editor WordPress Gutenberg
Takto vypadá editor Gutenberg při vytváření nového příspěvku.

Stejně jako v editoru TinyMCE se permalink článku vytvoří automaticky, jakmile vyplníte blok nadpisu. Stávající blok odstavců můžete převést na libovolný blok a přidávat nové bloky. K tomu si můžete vybrat z nabídky různých obsahových bloků.

Aby bylo snazší najít správný blok pro požadovanou funkci, jsou bloky rozděleny do následujících kategorií: Nejpoužívanější, Obecné bloky, Formátování, Prvky rozvržení, Widgety, Vložené bloky. K dispozici je také funkce vyhledávání.

Editor WordPress Gutenberg: Bloky
Bloky můžete vybírat z předdefinovaných kategorií nebo je konkrétně vyhledávat.

Nebudu zde podrobně vysvětlovat, jaké nové možnosti editor Gutenberg nabízí a jak mění průběh psaní, protože to již podrobně udělali jiní:

Co říká komunita WordPress na Gutenberg?

Od chvíle, kdy Matt Mullenweg na začátku roku 2017 oznámil, že WordPress dostane nový blokový editor, který zcela nahradí editor TinyMCE, se proti němu zvedl velký vítr od komunity.

Mezi nesčetnými články a příspěvky na blogu o editoru Gutenberg se vedou vášnivé diskuse. vášnivé diskuse v komentářích a celkový dojem je takový, že se mnoho uživatelů WP cítí být při rozhodování ignorováno. Jednou z reakcí na tyto negativní hlasy je článek Gutenberg-Lead Matiase Ventury, ve kterém se aplikuje Theseův paradox na WordPress a znovu zdůrazňuje výhody a vizi editoru Gutenberg.

"Možná přijde čas, kdy staré způsoby zastarají a zmizí, pohlceny bohatším a přehlednějším rozhraním bloků, ale my děláme maximum pro to, aby se to stalo. Staré nemusí zmizet náhle, může se postupně přetvářet v nové." - Matias Ventura

Názory na téma Gutenberg se liší.

Rozdělený názor komunity WP na nový editor WordPressu se odráží i v hodnocení pluginu Gutenberg pluginu: 175krát byl plugin ohodnocen pěti hvězdičkami a 269krát pouze jednou hvězdičkou.

Na tomto místě je však třeba říci, že tým Gutenberg se s kritikou vypořádává příkladně - na všechny negativní recenze reaguje věcně, řeší autorovy obavy a žádá ho o návrhy na zlepšení.

WordPress-Editors Gutenberg Hodnocení
Hodnocení pluginu Gutenberg(k červenci 2018)

Zásuvný modul Gutenberg má v současné době více než 10 000 aktivních instalací. Integrace do jádra WP s WordPress 5 proběhne, až bude plugin aktivní na více než 100 000 stránkách. Pokud jste již testovali Gutenberg , můžete tým Gutenberg bez větší námahy podpořit tím, že zanecháním recenze s vaší zpětnou vazbou.

Co pro vás a vaše zákazníky změní Gutenberg ?

Pokud jste webdesignér, který pro své klienty vyvíjí a spravuje weby WordPress, pravděpodobně máte spoustu otázek: Jak ovlivní editor Gutenberg mou práci? Jak se s editorem vyrovnají moji klienti? Budou mé (zákaznické) weby správně fungovat i po aktualizaci? A co tato změna znamená pro WordPress obecně?

Jedno je jisté: nejste s těmito otázkami sami! Smutnou zprávou je, že definitivní odpověď pravděpodobně nebude k dispozici, dokud nepřijde aktualizace na WordPress 5 a vaši zákazníci s ní nebudou konfrontováni. Abyste však byli co nejlépe připraveni, přinášíme vám přehled nejčastěji zmiňovaných výhod a předpokládaných problémů editoru Gutenberg.

PRO - Toto jsou výhody editoru Gutenberg.

  • Tvorba příspěvků je intuitivnější a zejména pro nováčky ve WP jednodušší. To by mělo pomoci Gutenberg , aby WordPress přístupnější přístupný.
  • Na stránkách Gutenberg můžete funkce nebo rozvržení například vícesloupcová rozvržení, která byla dříve možná pouze pomocí HTML, zkrácených kódů, widgetů a podobně.
  • Vývojáři mohou vytvářet vlastní bloky Gutenberg a rozšířit tak funkce svých témat a zásuvných modulů.
  • Gutenbergův čistý povrch s dostatkem bílých míst umožňuje pohodlnější psaní bez rozptylování.
  • Vytváření příspěvků a stránek WordPress pomocí Gutenberg je podobné jako u principu WYSIWYG (Co vidíte, to dostanete) blíže.
  • Nový editor umožňuje WordPress inovativní a zůstává konkurenceschopný proti konkurenci Wixu a spol.
  • Naše porovnání výkonnosti ukázalo, že WordPress 5 je výkonnější zátěžový test výrazně lepší než WP 4.9. Jelikož se však stále jedná o alfa verzi, je třeba výsledky považovat pouze za trend.

CONTRA - Pravděpodobně budete čelit těmto překážkám.

  • Vzhledem k tomu, že si uživatelé WordPressu musí nejprve zvyknout na nové rozhraní, nový editor pravděpodobně zpočátku naruší pracovní postupy. naruší pracovní postup.
  • Pokud nabízíte služby WordPress, můžete po integraci s Gutenberg očekávat zvýšený zájem o tyto služby. zvýšený objem podpory očekávat.
  • Vývojáři, kteří chtějí pracovat se stránkou Gutenberg , se tam nedostanou. JavaScript se přes něj nedostanou. Ne nadarmo Matt Mullenweg v roce 2015 řekl: "Naučte se JavaScript do hloubky!"
  • Lze očekávat, že ne všechny pluginy a témata s Gutenberg kompatibilní když je editor integrován do jádra WordPressu.
  • S největší pravděpodobností bude chyby a konflikty které povedou například k chybným stránkám, problémům se zásuvnými moduly a frustraci z WordPressu. Zejména pokud jde o kompatibilitu s vlastními poli a MetaBoxy . má mnoho uživatelů WP obavy.
  • Pro jednoduché příspěvky na blogu může být použití různých bloků těžkopádnější než v klasickém editoru TinyMCE.
  • UX Zobrazení HTML se liší od klasického editoru, což některým uživatelům vadí (viz obrázek).
Editor WordPress Gutenberg: Zobrazení HTML
V editoru Gutenberg můžete vybrat zobrazení HTML pro každý jednotlivý blok.

Náš závěr: Zachovejte klid a testujte!

Jak se tedy nejlépe připravit na Gutenberg ? Jelikož je nový editor stále ve fázi vývoje, tým Gutenberg vyzývá všechny uživatele WP, aby jej otestovali. Od aktualizace na WordPress 4.9.8 na konci července bude ve WP dokonce oficiální výzva"Testujte Gutenberg!" -Dashboard .
Čím více bude zpětné vazby a hlášení chyb, tím lépe bude editor později fungovat. Po rozsáhlém testování můžete své připomínky nahlásit na fóru podpory WordPressu nebo otevřít problém na GitHubu.

Důležité: Vzhledem k tomu, že je plugin Gutenberg stále ve fázi beta, neměli byste samozřejmě nový editor zkoušet na svých živých stránkách, ale v testovacím prostředí (pro jistotu si předem vytvořte zálohu!). Jako zákazník webu Raidboxes si můžete jedním kliknutím vytvořit testovací prostředí. Staging Environment svého webu a můžete začít ihned pracovat.

Pokud stránka Gutenberg během testu spadne nebo způsobí jiné problémy, máte dvě možnosti:

  1. Před velkým skokem na verzi 5 můžete opravit své opravit verzi WordPressu.
  2. Po aktualizaci 4.9.8 nainstalujte aplikaci zásuvný modul Classic Editor (v současné době je stále ve fázi beta). Ten vám umožní prozatím pokračovat v používání editoru TinyMCE ve WordPressu 5.

Máte nějaké další dotazy k editoru Gutenberg WordPress? Pak mi prosím zanechte komentář zde. Pokud byste chtěli diskutovat o Gutenberg a dalších tématech, podívejte se na naši stránku Raidboxes Slack komunitu pro WP profesionály a zastavte se u nás!

Líbil se vám tento článek?

Svou recenzí nám pomůžete zlepšit náš obsah.
Komentáře jsou zakázány.