 Takže ještě jednou dobrý den, jak říkal Adam, mnéméno je David Binovec a jsem ze spoležnosti Automatic. A asi na uvod, trošku uvedu nápravou míru, to, že jako Automatic nestojí úplně za WordPressem. Automatic provozuje službu WordPress.com, vyvíví plug-iny jako je třeba Jetpack, jako je třeba VCommerce. A to spojení s WordPressem je spíš jako takový personální sniatek přes Matmillonvec, což je spoluzakledatel projektu WordPress, který vlastně potom založil společnost, která v nějakým způsobem profituje z open source a právě tím, že poskytuje hostovanou verzi WordPressu na WordPress.com. Matmillonvec teďka vlastně v minule je release WordPressu a release 5.0, který by obsálva právě Gutenberg, opět podvedení meta. Relativně málo rukou stady zvedlo, že mě. Nezná to znamená, že se se všimle že tady vystupujú už několikáte jerok, ale to s na WordCampu v Praze vystupujú po čtvrtí, což znamená, že něktyří z vás by mohli mít nějaké očekávání z kres před nášku jako o tom, že to bude plný technických detailů, že tam bude spoustu programování, který mu nemusí všichni rozumět. A popravdě to byl můj plán for Gutenberg. Jetsmeně, Tomáš Kocifaj, který je rozumné, tak mě naštěstí bohužel přemluvil k tomu, že by to nemusel byť tak úplně technický, až ten Gutenberg lzevzít i trochu víc jako obecně a vysvitlit, o co v něm vůbec půjde. První část projektu Gutenberg, která se objeví v nadcházící verzi WordPress 5.0, je vlastně jenom úvodní část toho dle projektu, která představí něco, jak změňoval Adam právě přepracovaný rozhraní protovorbu příspěvků. Takže Gutenberg je dneska pro spoustu lidí jenom takový den novéj editor pro WordPress. Novéj editor pro WordPress. Nicméně, Gutenberg je mnohem víc než jen editor pro WordPress. Ten editor pro WordPress, který můžeme vidět, tak který nejspíš poklížete, že jste Gutenberg nainstallovali, tak mohli vidět na živo, a tady to je demonstránka z toho a demonstránka novýho editoru pro WordPress. Nicméně, Gutenberg je mnohem víc a obsahuje vlastně i filosofický posun toho, co WordPress vlastně je, jakým způsobem WordPress je vyvíjený a jaká bude vůbec budoucnost WordPressu. Na tomhle místě jsem původně chtěl udělat obšírných excurs do historie, vysvětlit, jak v 15. století Johannes Gutenberg přepracovával knižti zka proč udělal to se udělal a podobně, ale nakonec to důležitý opravdu z toho je to, že Gutenberg se menej Gutenberg právě pro Johanou Gutenbergový, který revolucionizoval a knižti zka vlastně uvedl renyzanční Evropu do e-ry masový komunikace. Ten názef nebyl, názef projektu nebyl vybraný úplně, náhodně stojí vzatím zase nějaká myšlenka, pakli, že se jste někdo přečí z něco o tom, protože Gutenberg se menej, tak jak se menej Gutenberg a možná i trošku pochopit myšlení, Matt Mullenweg, který povedet ten release s Gutenbergem, ačkoliv sám aktivně přímo na vývoj se nepodílí, ja nistam nějaký komity, asi nej. Ale určitě ho zaštítuje. Tak tady vlastně tady jsem dál odkaz na jeho blogpost, který celkem pěkně vysvětluje, protože projekt menej Gutenberg, co od něj očekává, nebo jakou budou snost doufá, že to WordPressu přinesce. Zmíněl jsem, že ten nový editor, který všichni tak napěti očekáváme ve verzi 5.0, je pouze první část projektu Gutenberg. Gutenberg se opradu se stává ze tří částí. Přičem, první část je ten nový editor, a představuje princip, kterým se říká blog, kterým se říká blog. K tomu blogu se budu dál pozdějit trošku detailně i věnovat. A na základě toho dle novýho editoru, toho, co bude násadující verzi WordPressu, se potom bude stavit dál, bude se stavět, bude se přepracovávat způsob, akým se tvoří šablony. Vlastně ten blog, který budou uživatelé a vývojáři uznáct příjspě v kuse, postupně implementuje zbytku WordPressu do všech šablon, náhradí viděty a podobně. A v úplně poslední fázi by mělo dojít k tomu, že Gutenberg bude rozhraní, přes který seboje úplně ovládat celý web. To je vlastně vškerá ta kastomazíace webu, kterou čeval dneska znáte z customizeru, ta si přesuně do nějakým způsobem do toho Gutenbergu. Tady mám obrázek, kdy je vlastně vedle sebe postavený editor takého znáte z WordPressu dnes, na levo, to jste učitě poznali, napravu je potom Gutenberg, na první pohled to není nějaká strašně dramatická změna, co nejspíš většinu vývojářů, viděsí je, že tam není v tom Gutenbergu úplně prostor na metaboxy, custom fields a podobně, jsou tam, jsou schovaný, jsou schovaný tady pod tím tlačítkem. Máme všichni, ale některý jo, a bude tam lepší podpora. Nicméně tohle je to opravdu není to, co by jsme měli pod pojmém Gutenberg chápat. WordPress, takého známe dneska, tak se vlastně z blogovátka vyvinul v něco, co má ambicebejt nejpouživanějším content management systemem na internetu. A to se bou téle vývoj, který z toho blogovátka vedl k tomudle CMS-ku, tak jak ho dnesko známe a používáme, nutně přinesel nějakou inkonsistenci. Já jsem tady udělal pár screenchatů po tom, co jsem si nainstalloval WordPress úplně nově a nainstall do něj pár pluginů. Já jsem říkal, společně z otometyk dělá i Jetpack, který nám je vyskočil se screenem, který je napsanej v reaktu a vypadá dost odlišně od toho, co je zbytek WordPressu. Tady v levo dole, to úplně ne, prošel přes ten dataprojektor, je VCommerce, která se představuje nějaké záložky, zase něco, co nevypadá úplně jako WordPress. U prostřed máme Yoast, který zase má nějaké svoje ovládací prvky, v pravo je installační stránka Yoast, která vlastně vůbec nemá na sobě jediný logo WordPressu, celý to UI vypadá totálně na WordPressový. Nad tím opět VCommerce, která přesvůj vyzert na nastavení úplně vyskočí z WP Admin. A tohle nic to jsou všechno detaily, který uživatele je vnímají, uživatele, kterým nainstallete WordPress, a potom jim vybedete nějaké pluginy, případně nainstallete vlastní shablonu, tak jim vlastně představíte způsob, jaké WordPressy budou jednat, a v ní nemáš žádn... kdo třeba školíte WordPress? Tak vysvětli tím, jak půbrykovat příspě, jak je nedochí, ale potom se jim nainstallete nějaký plug-in, který nedejbože předává nějaký vlastní rozhraní, tak uživatele jsou opravdu zmatený, protože nemáme žádnou jednotnou, nemáme žádný jednotný UI dneska. Nemáme žádný jednotný UI. Pro uživatela se ten WordPress stává trošku nepřehledným. Přichni, kdo jste dopíšete vlastní pluginy nebo shablonu, děláte rozhodnutí o tom, jak to danou feature v té shablonu nebo pluginu tomu uživateli zprístupnit. Rozhodujete se, jestli to bude. Custom postáp, jaký má výhody, co to přenáší, potom někde říct, já využíváte postformát, používáte custom metaboxys, používáte custom fields, případně přikázíte s nějakými úplně jinými hřešeními. To všechno potom oblivnuje to user experience, to uživatelskou vzkušenost, uživatelský zážitek z toho WordPressu. A můžete byť opravdu celkem nepořádek, ta inkonsistencia je tam znát. A do toho všechno se potom ještě míchají shortcodes. Já jsem třeba viděl několika sloupcevý layout definovaný pomoci shortcodes. Je to velmi prošlášný, jako když se to lenc to rozběje, tak už to ní jde, nezpravíte. Vývojáře, který ví, proč tam ten shortcode je, jak to má fungovat, nejde to. Gutenberg má v plánu všechny tady tej rozdílnosti v tom UI opět celit, celit do něčeho, čemu říká blog. A blog je pro Gutenberg vlastně v spohledu Gutenbergu i widget může být blog, každý metabox může být blog a zároveň blog je to, z čeho se skládá dohromady ten obsah. Uživotelé za sebe, vedle seben skláde jednotlivé blogy toho svího obsahu. Zároveň si jednoci je rozhraní, proto jak to, jak s tím jedná. A potom taková filozofická věc blog je nazřezena HTML. HTML je vlastně to, co uživotelé produkují, užívají neská tajnej mce i pomoci tůlbaru si vybírají, jestli text bude tučný, jest tady bude otká system, bude obrázek. A potom, co tady ten, co tady ten, tady to HTML je vygenerovaný, tak uživotel nikdy nevrátí k tomu, že si najede na, už se nikdy nemůže vrátit k tomu, jakým způsobem to HTML vytvořil. Gutenberg vlastně přináší blog, který přidává nějakou sejmantiku kolem HTML a umožení je potom celkem jednoduchý návrat k tomu, jakým způsobem byl vytvořený. A to je to, co jsem se teď znaříhala ve světli. V HTML může Dave s nějakou trídou znamenat úplně něco jiného, než tu trídu definujete, než když tam je jiná trída. Ale pro ten editor, pro toho uživateli, který ty trídy vaší šablony neoplaginu nezná, tak vlastně je to jenom trída, nic tam nevidí a neví, jak se k tomu máchovat, jak s tím naložit. Jak s tím naložit. A to je právě to, že Gutenberg do toho HTML přidává nějaký komentáře, který jsou parsovatelní a mají nějakej význam. A označujou třeba, že tady HTML umět tedy těch dvou komentářů je něco, co je cover image a co je cover image a má nějaké vlastnosti. Když se potom vrátíme do editoru, tady z toho HTML tak Gutenberg dokáže tady ten cover image což je tady ten našíšku velký obrázek. Dokáže otegovat pomocí uživotelských rozhradní. Tady vidíme nějakej, možnost výby do obrázku, nějakej zarovnání a potom tady má nějaký obrázek na pozadí, má nějakej text uprostřed který opět zase má nějaké možnosti na stavení, jestli bude textučné, jestli bude kurzívou a jestli bude kurzívou, jestli bude odkaz. Zároveň vygneruje nějaký menu který umožní uživateli se toho zbavit neopodobně. Asi úplně standardní, já vím, že tak p pro paragraf, pro odstavec. Vejíš tím melik, sementický je zcela správnej, ale takový odstavec može by tady máme třeba, na hoře máme třeba natpist číslo dva, které je u vnitř WP Cover Image a tudíž dává víc sementiky pro ten editor. Tady jsou potom ty dva paragrafy, které tady jsou taky vidět. Kutenberg tím, že přidává tady ty, vlastně, pro človika tady jsou vládný značky, protože komentáře do klavací nezobrazíte zdroj, tak vás se nikdy neuvidíte. Zanechává pro počítáč nějakej význam a na základě toho uživateli potom nabín celkem jednoduchý jednoduchou možnost znovu upravit to, co tam vidí, to, co tam je vytvořeného. Bez toho aniž by skůste si představit, jakým spůsobem byste tady to implementovali pro uživatele, pak můžeme šortkout a nebo to nechat uživatele nastilovat samostatně uděláme mu nějaký nějakou section nebo div s nějakým background image dáme tam nějaký nut piece a tohle chtějí to rozumě po uživatele aby přelat takový dle HTML sam v dnešní době moc uživatelské přívětěví není. Tohle chtějí důvod protože já osobně jsem z Gutenbergu načenej. Gutenberg je zároveň kromě toho, že přenáší spoustu uživatelské přívětěvých věcí a mění spůsobek uživatele budou s tym Gutenbergem interagovat. Taky Gutenberg zároveň ukazuje to, že WordPress nemusí být jenom MySQL a PHP. Gutenberg v dnešní době vyvíjenej na GitHub což je jeden porest API je to podlouhý doby jeden z mála prvků který budou vjádru WordPressu a který se opravdu vyjí na GitHubu už tam má 160 contributors to znamená 160 lidí si dalo tu práce, že si udělalo check out toho repozitory providlo nějaké změny udělali pull request a to bylo mérčnu tý zpátky. Tady těch 160 lidí, který přispěl do Gutenbergu zároveň přispělo do WordPressu a jenom málo z nich se musel dotknout PHP velká část z nich používá eSnext víme všichni co eSnext víme moderný dialekt JavaScriptu který není úplně podporovaný a prohlížit, že mám musí se pomocí Babel compilovat zpátky do eS5 takže WordPress vyspojení z JavaScriptem WordPress vyspojení z Babel což je kdo používáte více vývoje JavaScriptu tak určitě překládáte svůj JavaScript zpátky do toho co moderný prohlížit, že většinou podporujou. React to znamená, že Gutenberg je navsaný pomocí Reactu a pomocí JSX abyste měli máme webpack to znamená k vývoji Gutenberg potřebujeme na installovat Node.js, NPM a používat všechny tady ty nástroje kdo vývíte pro vývíte pro WordPress běžně a dení používáte ale nikdy vás nenapadlo že když bojete používat WordPress tak tady to můžete použít dosť možná to používáte v svéj šablonách nejakou contribution do jádra WordPressu tak to pro vás znamená toho lepšieho se vzdát a to CSS napsat sami pro JavaScript se naučit Backbone kdo z vás třeba rozumí nebo vít jak napsat něco v Backbone.js tamhle kolega dvá Backbone.js dlouhou dobu bylo vlastně JavaScript framework který byl jediný nejtřej byl v WordPressu kromě což jakevary a jakevary dneska už zaz tak kdo se na důležitý není spoustu lidí ho používá jenom kvůli nějakým malýmu subsetu a určitě nekůli tomu aby překonal kompatibilitům na přijíž brouserama opravdu ne SAS geniální věc určitě málo kdo z vás si meničuje od dneška to csko nemá žádný sás a podobně Gutenberg používá sás a Gutenberg byl schopnej jenom w WP admin pomocí SASu zrušit 50 stínů modrý která tam byla napříček rozházená a když tam dáte tady konstantu tak mohli to potom vypadá lý ten výsledek a je jednoduchý na udržbu ISLint v Loni neopředlo jsem měl přednážku na unit testy málo kdo to dělá JUnit není úplně ideální nástroj takže tedy máme Jest, zase projekt od Facebooku Facebook taky má nějaký open source contributions Takže Gutenberg využívá Jest na lintování JavaScriptu ISLint a v neposvední řadě bylo to velký tém i tady na WorldCampu v Praze WP-Rest API tohle jest to je vlastně první do use case uvnit samotního WordPressu, kdy vlastně WordPress implementoval REST API otevřel to uživatelům, vývojářům který začli svoje single-page application stavit pomocí WP-Rest API ale WordPress sám REST API za stolik nevyužíval Gutenberg je single-page application která využívá všechny tedy len z ty moderní nástroje vývoje moderního webu spolu s tím co WordPress všechny z WP-Rest API WP-Rest API Já si dokážu představit že mnohý z vás který do dneška vyvíte WordPressové plug-iny pomocí PHP SQL dotazu vlastního CSS a JavaScriptu tohle se třeba může vyděsit protože je to spoust věcí třeba když musí naučit já jsem začínal s nějakým vývojem webu tak jsem měl tekstový editor který jsem si napsal nějaký CSS a web byl na světě tady to než napíšu nějaký třádek kodu tak se musím na konfigurovat webpack napsat to v ESLintu kompilovat JavaScript což JavaScript má být prohlížeči protože budu kompilovat a potom zaběhu budu měnit reaktem nějakej neviditelný dom který běží na pozadí je to spoustu nových věcí ale tohle je způsob jak se dneska web opravdu vyví jak je projek který opravdu mění způsob jak se WordPress dál bude vyvíjet WordPress se bou nese 15 let spětní compatibility s Gutenbergem se o tohle spětnou compatibility nesteráte bojete vyvíjet tak jak jste zvyklí a nebojete se vohlížet zpátky to je opravdu velká změna říkal jsem že ředa z vás dost možná očekávala že je strašné ponoření se do toho jak to API Gutenberg vůbec je jak si napsat vlastní blog co k tom budu potřebovat nicméně na to opravdu tady není prostor je toho spoustu a každý začínáme pravě pod mě někde indé kolik z vás používá nějakej webpack dva webpacks čtvrtina čtvrtina webpack slyšeli jsne jde o Babel rozšel o Babel to už je trošku víc iesnext kdo píšete v iesnes tedy píšem 4 zbětech používáme jakevéry jo ne pořádku používáme jakevéry takže ten začátek byl někde indé takže každopádně Gutenberg je něco co ve WordPress ve vrze 5.0 přijde, čeká nás takže přičíst stáhnout si Gutenberg a zkusit se s tím pohrát my jsme to lensto ve VIP týmu udělali, že jsme udělali instalaci Gutenbergu a představili jsme to redakcím který opravdu publikou články každý den ve velkým redakcím time.com nainstalali jsme jim Gutenberg připravili nějaký juský zjenechali se s ním pohrát ty uživatele jsou opravdu načiny ty uživatele je to lensta vítej není důvod, aby by developery z toho měli nějakej strach protože to lensto nám zejstí větší načiní z toho WordPressu nebudou uživatele už nebudou řekat jo, to je ten WordPress, to z nám jasně to by je dobrý, ale budou opravdu načiny znovu o tom, jak tvořej web Gutenberg má taky zotorg vlastní stránku která ten projekt nějakým způsobem prezentuje takže tam rozhodně začít nějaký studium toho Gutenbergu má dokonce handbook kde vlastně je popsané nějaký to API a popisuje co je to statický co je to dynamický blog jak ho vytvořit a co všechno blog může bejt a tady to i tam dokonce i tutorial který určitě doporučuju vám projít to je celkem jednoduché a v zásledě je to, že Gutenberg single page application běžící v prohlížiči a všechno probíhá přes děvaz, kdyby z nějakýho kole je reloadu tak pomocí ten tutorial můžete klině vzít ten kod nakopírovat a hodí do konzola ve vašem prohlížiči a máte registrovaný blog to je úžasné způsob vývoje WordPressu zkuste si to a protizvás, který nevědí, co je to webpack jak se webpack konfiguruje tak určitě doporučuju tady ten nástroj od Ahmeda ewej tak vlastně ten vytvořil toolkit který vám pomůže nainstallovat za vás automaticky nainstalluje webpack, npm Node.js a připraví vám struh, kterou nového pluginu pro WordPress které vlastně představí blogky když jste se nějak zaobírali tím, jak se npm installuje a k čemu je to dobrý takže create GutenBlog tůlkit určitě jestli nevíte jak začít a ty technologie, který jsem změňoval jsou pro vás úplně nový tak tady to je dobrý úvod do toho určitě doporučuju si projít jeho depositář na GitHubu protože tam jsou věci třeba jako WBGulp což vám zase a je vás dost tak zase Akmet je core commiter a vlastně pomáha svývojem WordPressu tak on se stará vouživatele, nejenom vouživatele on se stará i vouvívajá, že a nechce je nechat za sebou, nechce je říct WordPress se neskaviví, takhle a prostě se to být to naučte a nebo prostě ujel vám blog Akmet má opravdu ve svém WordPressu tak jak to WordPress vodních chtěl do teďka tak aby vás mohli jednoduše přijít přijít na moderní způsob a dneska první otázku o Gutenbergu, kterou jsem dostal byla, jestli to pude vypnout tady tady pude a jestli, že opravdu nemáte jenom možnost a potřebujete nějakou grace period vám nezačli volat, nebo jestli jim to ten Gutenberg chcete začít zapínat postupně a mít svůj load který ho se bojíte toho supportu takže tady ten plugin mám to umožnit vypnout Gutenberg sám osobi je dokonce je takovej, že pakli, že věcí ti, že nainstallovaný plugin který přidává nějaký a sponí v současním fázi vývoje pakli, že máte nainstallovaný plugin který přidává nějaký custom metaboxys tak on když je vidí, tak on sám sebe vypne a zobrazí ty metaboxys takže to není tak, že s releasem 5.0 tam bude jenom Gutenberg a všechny metaboxys, který nebyli přetransformovaní do Gutenbergu zmizej, to opravdu ne takže není nutný toho netkapanicky vypínat ale rozhodně možnost je a zase plugin, tady ten plugin ten klasik editor je zavenej core vývojáře má WordPress takže opravdu myslej na vás a ta komunita chce aby ten WordPress ten Gutenberg úspěl a zároveň ale chápě všechny vývojáře který s tím má nějaký problém a vlastně dělaj i support něčemu co to co ta komunita vyví tak dělaj i support něčemu co to vypínat takže opravdu se o to starají no a teď já myslím, že bude prostor od tazy, Adam je pomoc, já tomu nerozumím zmysel Adam já to asi, už tomu asi rozumím já nemám ten doktor bude jinoduché update-ovat do Gutenberg se ptá anonim jinoduché update-ovat do Gutenberg jste chápu otázku správně tak Gutenberg bude součástí release 5.0 který je plánovaný na letošný rok a teď co jsem jáčet na posledach to byl nějaký duben, květen čemuž teda ale moc nevěřím osobně bych ty vole, že to bude trochu pozdějíc ale nejmám do toho úplně inside to znamená, že Gutenberg bude součástí té toho release o té doby bude ve WordPressu framework na to a framework na to, takže uživatela je Gutenberg uvidí pak leží otázky směřovaná na to jestli by je jednoduchý update-ovat vaše vlastní plug-in a metaboxy do Gutenbergu tak to jednoduchý bude protože každý metabox je velmi blížko tomu, co Gutenberg chápu jako blog a tady v tom handbooku jsou ukázky toho, jak to převízdel zé vyšoduje to nějaký API, nějaký volání ale WordPress na to, myslím volání nějaký funkcí ale Gutenberg na to připravil relativně jednoduchý API který se dá naučit není to zmeníval jsem rejak znáte, dělády jsem poprvé viděl JSX, tak jsem říkal, co to je jako celý život jsem se snažil prostě CSS, tam malo JavaScript oddělovat a nejenou to mám tady všechno pohromadí takže, když vás nevidějí reakt a nevidějí vás nějaký nový dialekt JavaScriptu, který jste že hodně neviděli, tak není to tak strašný takže, bude to jednoduchý, ale nejauplně samou sobě další dotaz anonima, jo tady mám také já přištu to poslední Guten Tag tady byl nějaký Guten Tag a to nebylo otázka pozdrav někdo se hrdí, někde forknych si testovací kopii webu, instalujš plugin testujš, necháš týden odležet, testujš znovu jak v prakci sloučíš testovací s ostrovverzí borku to je otázka do veržinu presu, nebo ne máte k tomu nějdo něco nějaký doplný ní protože já se nevím na co se třesně ptáme další otázka, Honza ne přizná se když se očekává příchod druhé fázi Gutenberg tak tady to jsem neopravil v programu je napředný Gutenberg s dvěmaty, ale Gutenberg každopáně jednoty když se očekává druhá fázi Gutenberg rozhodně bude dosť zásadní na to, protože přenáší změny do Shablon vlastně když si představíte dneska zlet WordPressu který tady nějde, nemám tak vlastně ve filosofii Gutenbergu záhlaví bude blog který se bude sestávat z nějakého menu a podobně sidebar bude blog, vyděty budou blog patíčka bude blog opca, který tam uživatele tvoří to všechno bude blog takže vlastně Gutenberg přinesé věknout a vlastně musí se v rámci WordPressu vymyslet jak to bude hrát se všema šoblo na maty dneska existujou se všema plaginama, který to lenco oblivňujou takže druhá fázi Gutenbergu bude dosť pravě podobně minimálně stejně náročná jako první a první fázi Gutenbergu kdo sledujete Gutenberg tak teďké ve verzi 20 nebo 30 ten vývoj je opravdu hektický Matias se opravdu snaží a vydává verzi co týden a probíhá tam opravdu spoustu spoustu vývoje a stojí to spoustu sila jak jsem řekal na GitHubu už je 160 kontributor, to znamená 160 lidí se zapojilo do toho aby ten Gutenberg vypadal tak jak vypadá aby dopad tak jak dopadne všichni se můžeme zapojit repozitáře veřejnej a druhá fázi be stejně náročná takže 2018 to nebude nebo je to tak, že na jahře se zvyknem na Gutenberg a na podzim budem mít Gutenberg na frontendu Joe chápu to správně že jednotlivé bloky jsou komponenty kterým budu moc na frontendu dávat tvár a stíl nevislitle jsem to zcela nechápem je to správně úplně, pardon a je to moje chyba Gutenberg tady ty blok je to dlensto je celý blok začíná a končí html tagem ve vnitř je html který ten blok už vygeneroval a který se zobrazí na frontendu to dlensto tady to section section s nějakou klas nějakým background image a s tím nadpisem druhý úrovně je to co se zobrazí na frontendu nastilojme s to klasické kaskádovéma stylama delší blok paragraf, který obsahuje jedinej tak atp se zobrazí tahle jak je na stilova to se pomoci c se stilu to co je Gutenberg přidává ten blok ten opravdu jenom ten komentář proto to aby moh vytvořit tady to uživatelský rozhraní a umožit uživatelej vrátit se zpátky k tomu a vytvořit a editovat ty jenotlivý část je toho bloku zároveň Gutenberg umožňuje to že když se zaregistruje te blok to je toho blok přidává te další blok a ten blok už očekává nějaký input od toho uživatele on už předpřipraví tu section ten natpis druhý úrovni a jenom čeká na to co uživatel mu zadá co tam ten natpis bude jaký bude ten obrázek a vás je podobně mohře můžete vytvořit celou tu šablonu teda bude očekáva, tady bude tady bude vlivo obrázek a může vás se ta šablona potom se stává jenotlivých bloků který může vás zaměnit za jiný a podobně do vysvětle jsem blok do vysvětle jsem Joe Blok výborně a zároveň teda Gutenberg obzavnit něco čo může se řeká dynamický blok a to je vlastně podobný šortkov, vůdů, to znamená, že je to nějaký protože blok v Gutenbergu může být i samostatný komentář bez jakého kole htm Rest API a podobně Gutenberg je poslední dotaz, který tady byl taky zdravým a teďka dotazy dál, ano? Pardon já jsem tady, pokazí jsem ukázal tady ten toolbar který neobsahují celý ten toolbar jako tajný mc a jenom malou část tady další toolbar ale tady postraně, tady nahoře je blok Vlastně Gutenberg možnuje nějaký složitější stilování tady těch bloků, pomocí postraního panelu, kde vlastně můžu být další formuláři, další věci a nemusí to všechno být, takhle jako in-line nový Zároveň tady jsou, ne, pardon Extended settings, což je v Gutenbergu položka, která je tak jako přilepená na koniec, tak vlastně obsahuje v současný době všechny custom metaboxys, který jsou zaregistrované do kontekstu side, kte se zobrazejí tady a jsou vlastně hnedká kdyspozyci Zároveň tady, tady na tomto je hezky vidět jak tam na předchozí obrazku tady máme Highline tu tej blok a vedle je Dokument Dokument je takový to, kde máte jestli je to náhled nebo je si už příštím příštím jak publikovaný, kdy se má publikovat to se všechno to, co máme tady se nejde v tom Dokumentu jestli ten kalendář mě zaujel jako příklad k čeho mojej dobroj kalendář pardon k eventovému systému, kdy ten event má se zobrazit a tahle jasný jo, tahle Gutenberg, já jsem ukazoval, že přidává přidává opravdu akordát ten komentár což je opravdu, co přidává ale všechny tady ty generuje HTML a ukládáho do post content s loupce v databázi už by generovaní to HTML akordát spětně generuje to UI ale zároveň i Gutenberg umožňuje ukládat do těch postmetás, jako nezmizej takový tam pořádů s nou a jsou tam a dá se opravdu extended settings obsahujou metaboxy, kteří v tom jsou sajdu takže přede kistovatře do sajdu a hnedka z obrázejí budou tam u dispozici jak moc se dá huknout tady do toho jsem opravdu zatím nezjišťoval ale nějaká možnost tam určitě bude to bylo minimálně jeden do tas a teď je minimálně druhý pramejň tak, Gutenberg v tom lenctom asi moc nepomůže Gutenberg se opravdu snaží to UI u sobem, Gutenberg se snaží právě tím, že na základě nějakýho UI generuje rvnou HTML ta se snaží u tomu uživately, tu stránku představit a vole to vidět i tady že vlastně, pardon, tady že zatím co, tady mi končí ten vizivik editor Gutenberg pokračuje až úplně dolu a přidávám ty bloky až úplně dolu, nakonec a komponuju si ten příspěví v ten obsah a Gutenberg právě nechce abych já si tady napsal nějaký obsah, napsal a tytulek a tady si změnil formát postformát na citaci aby se mi potom na frontendu a to bylo všechno, co já jsem viděl jako uživatel v Gutenbergu já jako uživatel uvidím, že tady to off mountain, so end printing něco už je citace, která tam bude mít ty quotation marks a všechno bude zamyslet se na to, jestli to metaboxy jsou opravdu to, proto uživatel je to nejlepší jestli to musí žít v nějakých metaboxech nebo jestli není lepší místo paragrafu mít paragraf translateable třeba a mít UI který mi udělá nějaký 3 záložky pro 3 azikové verze, že vlastně se to budu přiklikávat a přepisovat, že tohle je jenom první nástřel a vlastně může mít blog, který bude opravdu obsahovat nějaký 3 zase odáska je jak to udělám jak to udělám HTML jako třeba zamyslet se o tom, co ten Gutenberg Gutenberg nabízí i dynamické bloky, který vlastně načí tej právě třeba tej metada a onu možně přidat dynamický blog kterému jako programá to dořeknu načti voduživatele nějaký text field načti voduživatele input a ulož mi ho do postmeta a já ho potom na frontendu na základě toho vygeneruju vygeneruju třeba nejnovější příspěvky týdle kategorie, kterou mi tam ten uživatele vložil takže Gutenberg umožuje nějaký dynamickou práci právě s metafieldama a tohle se to asi běchtit opravdu nad tím UI co tady v tom konkrétném případě se třeba zamysle, jestli by to nešlo udělat nějak jinak a podívat se i na příklid jaké bloky pro Gutenberg existujou a podobně no jak se s tím popasujou přikládací programi, přikládací plaginy opravdu nevím já už jsem viděl spoustu řešení jako přikládací v plaginu a každý to řešení nějak jinak tak tajné MC já jsem si myslel, že tohle tajné MC že v Gutenbergu tajné MC už jako takový není ale dneska mi nějdo řekal, že tam pořád ještě zůstává minimálně tam zůstává protože Gutenberg se sám umí vypnout i když je nainstalovaný takže to tajné MC tam pořád nějakým způsobem je bude a bude k dispozici a zároveň Gutenberg to tiž nenabízí když to nesete hezký demo ale třeba co není hezký, když si v Gutenbergu teď když se ho nenstalete, Gutenberg na čerství instalace WordPressu a otevřete si stránku která už existuje to je třeba tá exam page, která je defaultně předinstalovaná Gutenberg s ní nakládá s jedním velkým HTML blobem a ten blob se edituje v něj čem co vypadá tajné MCI takže není to tak, že on by to úplně jako zrušil a vyžadoval jenom nějaký pěkný pěkný UI umožený i tady ty tekstáry a tady ty visevyky tam pořád jsou jáno spoustuk rásný hotázek děkuju jé, to není to je naprosto jednoduše parsovatelný a je možný to strojový opravdu přečí takže to není v současný době to není opravdu jenom v tom post-content ale Gutenberg, jak jsem říkala plánuje do předů rošířice i na ty šablony takže tady to, co vidíme tady jako blog bude do budouc na současný právě i šablony a bude moc při nějakým template bude používat stejnou semantiku tady to je totálně univerzální jazyk který by měl normalně metájazy, který by měl fungovat a je parsovatelný jednoduše momentálně ano post-content, musíme skončit ne musí to, co na frontendu se zobrazí tak je opravdu jenom tady to HTML tady už je normálně standardně HTML to nesou jenom značky o tom, jak to HTML uživotel může upravovat tohle co, když vezmu a hodím do uložím jako HTML tak mi zobrazí úplně to se mi obráví možná zobrazí mi HTML takový dle obrázek mi zobrazí bez dalšího aby to moh procesovat potom udělat to tak, zatím ne existuje projekt, který se menej Frontenberg který dělá můj kolega a ten vlastně Frontenberg Frontenberg je proto, aby vlastně uživotel moh na frontendu používat Gotenberg když je přímo na Frontendu taky užitě, ten jsem neumístil ale podívejte se taky je to zajímavý počín a Adam je informál, že máme možnost posledního tázky tám nezajdu už se kolega hlásil před tebou promějní tak, doporučuju na instalovaci vukomers teď v nejnovější testovací verzy která má podporu pro Gotenberg takže na instalovat Gotenberg nejnovější vukomers verzy a to vukomers opravdu řeší to by asi nejlepší já jsem to povrlo, že jsem to neviděl jak to vyřešili na koniec teďka já strašně moc doufám, že to ty plaginy ochopějí z toho za ten správný konec a vytvořejí mi blog toho produktu které já se tahle nahodím a už tam uvidím a uvidím tam pravětně nejty informace jak to bude vypadat na tom Frontendu takže vždyť žádný sidebar protože může mít sidebar blog který se dá definovat když se registrují ten blog že vytvářím a v něj můžeme nějaké nastavení které se nevejdou jednoduše takže pebně doufám, že rezygnu na všechny metafields a že to všechno daj bude to do něčeho, co je se zobrazí které budu mít třeba fixed background jestli on off jak moc ten background tady je to jak moc má být potmavenej nebo ne ale určitě to vůkomer se už se tou cestou vidělo a dá se dneska stáhnout na instalovat vyskoušet podívat se už nemáme od časná otázky já tady budu a taky budu dole u jetpacku a vůkomer s stánku takže to taky mám děku