Gutenberg brzy přijde na WordPress. Vaše Webové stránky je připraven? I když ještě přesně nevíme, jakou bude mít podobu, tento nový obsahový systém do WordPressu v budoucnu přibude. Pojďme se podívat na potenciální dopady, které by to mohlo mít na váš web, a na způsoby, jak včas identifikovat a opravit problémové oblasti.
Co je Gutenberg?
Gutenberg je projekt WordPress, jehož cílem je poskytnout uživatelům větší flexibilitu při navrhování jejich obsahu. Cílem projektu je v podstatě nahradit současný editor, který funguje především jako textový procesor, vizuálnějším a strukturovanějším rozhraním. V současné době je Gutenberg plugin a dává uživatelům možnost upravovat svůj obsah stejným způsobem jako Vizuální skladatel nebo jiné editory drag and drop (Drag & Drop), ale zjednodušeným a velmi intuitivním způsobem.
Chcete-li se dozvědět více o Gutenbergu, Cliquez zde.
Části vašeho webu
Gutenberg je masivní společnost a pravděpodobně zasáhne mnoho vašich koncových bodů Webové stránky. Toto jsou tři oblasti, které prozkoumáme kvůli potenciálním problémům:
- Vaše téma: Gutenberg přichází s vlastní sadou stylů pro obsah. Je vaše téma kompatibilní? Jak bude Gutenberg vypadat, když bude aktivní?
- Vaše pluginy: Je možné, že Gutenberg může neočekávaným způsobem interagovat s vašimi dalšími pluginy. Uvidíme, co by to mohlo být a co dělat, abychom vyřešili případné problémy.
- Váš obsah: Gutenberg ovlivní způsob zobrazení vašeho obsahu. Podíváme se, jak to může změnit vzhled vašich stránek, a projdeme některá potenciální řešení, pokud máte problémy.
Nastavení testovací oblasti
Než začnete, je dobré nastavit testovací oblast, kde můžete experimentovat s Gutenbergem bez ohrožení vašeho hlavního webu. V ideálním případě byste měli vytvořit vlastní testovací oblast nebo vytvořit místní kopii svého webu. Další informace o tom, jak provádět některou z těchto úloh, najdete v následujícím kurzu: Jak nainstalovat WordPress místně.
Pokud to není možné, můžete provést testy přímo na svém webu. To může být riskantní, protože budeme aktivovat a deaktivovat řadu částí vašeho webu. Pokud provádíte živé testování, nezapomeňte si před zahájením vytvořit zálohu svého webu.
Jakmile víte, kde budete testovat, přejděte do adresáře pluginů a najděte Gutenberga. Jakmile je nainstalován a aktivován, čtěte dále.
Otestujte své téma
Nyní, když máte nainstalován Gutenberg, pojďme se podívat na první část vašeho webu, která by mohla být ovlivněna: vaše téma. Pokud již v tomto okamžiku existují závažné problémy, například chyby v databázi nebo problémy s řídicím panelem WordPress, přejděte k části Co dělat, když je příliš mnoho problémů.
Jelikož Gutenberg primárně interaguje s obsahem stránek, stačí otestovat několik věcí - naštěstí pro nás.
První je, že Gutenberg přichází s vlastním stylem a sadou stylů. Zkontrolujte každý z různých typů stránek a šablon použitých na vašem webu, abyste se ujistili, že se stále zobrazují správně. Hlavním cílem je zaměřit se na prvky v hlavní oblasti obsahu vašich stránek, zejména na bloky obsahu a obrázků. Pokud narazíte na nějaké problémy, je pravděpodobné, že Gutenbergovy styly mají přednost před styly na vašem webu.
Chcete-li to napravit, budete muset zjistit, odkud problém pochází. Obvykle to bude selektor CSS zaměřený na prvek HTML nebo prioritu Gutenbergových stylů před vašimi vlastními třídami. Ať tak či onak, pokuste se zjistit, kde k chybě dochází. Dále zjistěte, proč Gutenbergovy styly převažují nad vašimi, a opravte svůj kód tak, aby měl přednost.
Zkuste provést opravy ve svém vlastním motivu (nebo ještě lépe, v podřízeném tématu nebo oblasti určené pro CSS ve vašem motivu), spíše než úpravy Gutenberga. Pokud přímo upravujete některý ze souborů v Gutenbergu, bude pravděpodobně při aktualizaci pluginu přepsán.
Podobně budete chtít spustit stejné testy na palubní desce jednou provždy. Možnosti motivů a další vlastní sekce generované vaším motivem se zdají být dosud největšími viníky. Jakmile zjistíte problémy se stylingem v těchto oblastech, můžete je obvykle opravit změnou nebo vytvořením podřízeného motivu a vylepšením CSS.
Pracují vaše pluginy?
Po vyzkoušení vašeho motivu jsou doplňky vašeho webu následující. Konkrétně dávejte pozor na doplňky, které poskytují zkrácené kódy, které používáte ve svém obsahu (např. Gravity Forms), doplňky, které ovlivňují vzhled vašeho obsahu (např. Doplňky pro usnadnění přístupu, které ovlivňují velikost textu) a pluginy, které přímo vkládají prvky na vaši stránku (například Advanced Custom Fields).
Prozkoumejte zkratky
Chcete-li provést audit této oblasti, začněte shromážděním seznamu všech zkrácených kódů, které používáte, a také stránek, na kterých existují. Se svým seznamem v ruce navštivte každou z těchto stránek a zjistěte, zda fungují podle očekávání. Pokud máte problémy se stylingem, je pravděpodobné, že se setkáváte se stejným problémem jako dříve a potřebujete své styly upravit.
Pokud se však zobrazí zkrácený kód, a nikoli očekávaný obsah (tj. Vaše stránka zobrazí [shortcode]místo správného postupu) existuje další řešení. V takovém případě se můžete podívat na blok, kde se nachází zkrácený kód, a potvrdit, že se nepovažuje za text (vyhledejte a odeberte nežádoucí štítky kolem zkráceného kódu). Pokud problém přetrvává, přesunutí zkráceného kódu na vhodnější typ bloku by mělo vše restartovat.
Vzhled obsahu
Tento problém vychází ze stejného problému, který jsme již pokryli: substituce stylů. Určete ovlivněné prvky a opravte CSS.
Vytváření prvků
Poslední oblast, ve které se podíváme na konfliktní problémy, je o vytváření položek. Jakýkoli plugin, který vloží prvky HTML na stránku bez použití krátkých kódů, je zde podezřelý, například když PHP extrahuje vlastní pole z pluginu Advanced Custom Fields.
Nejběžnější skluz s vytvářením prvků se točí kolem nekompatibilních bloků. Protože Gutenberg poskytuje své vlastní styly, je možné, že pokud jsou vaše položky vytvořeny uvnitř neúmyslného bloku, nemusí se zobrazovat správně. Oprava tohoto problému je zajistit, aby váš kód přidával položky do bloku tam, kde je chcete mít.
Vypadá váš obsah podle potřeby?
Není to tak naléhavé jako jiné problémy, o kterých jsme diskutovali, ale mohou nastat určité komplikace ve způsobu zobrazení vašeho obsahu. Většina těchto problémů bude pocházet z drobných změn stylu nebo zorganizace bloky. Abyste to napravili, budete si muset pohrát s blokovým systémem, dokud nedostanete svou stránku tak, jak ji chcete.
Co dělat, když je příliš mnoho problémů
Narazili jste na problém, který jste nemohli vyřešit pomocí návrhů v tomto kurzu? Nepanikařte ! Ještě nějaký čas trvá, než je Gutenberg integrován do jádra WordPressu.
Nejprve si zapište, o jakou chybu jde a jaké kroky k chybě vedly. Čím více informací můžete shromáždit, tím lépe. Předejte všechny tyto informace týmu Gutenberg. S trochou štěstí budou moci problém určit a opravit v budoucím vydání.
Pokud jste pracovali na přípravném webu, v tuto chvíli je to prozatím vše, co můžete udělat. Pokračujte v kontrole poznámek k vydání, abyste zjistili, zda je váš problém vyřešen, nebo případně pracujte na jeho opravě.
Pokud jste pracovali na svém živém webu, deaktivace Gutenberga by měla vše vrátit do normálu. Pokud ne, pak je čas vrátit se k záloze, kterou jste vytvořili na začátku tutoriálu!
Hodně štěstí v instalaci!
Gutenberg si klade za cíl být masivní změnou v prostředí WordPress, která usiluje o změnu obsahu k lepšímu. Než zasáhne hlavní větev, nezapomeňte ověřit, že váš web bude s novými změnami fungovat. Pokud máte jiné problémy než zde uvedené, lepší řešení nebo opravy čehokoli v tomto výukovém programu, zanechte prosím níže uvedený komentář.
