Gutenberg čoskoro príde na WordPress. Váš webové stránky je pripravený? Aj keď ešte presne nevieme, akú podobu bude mať, tento nový obsahový systém do WordPressu v budúcnosti pribudne. Pozrime sa na potenciálne vplyvy, ktoré by to mohlo mať na vaše stránky, a na spôsoby, ako včas identifikovať a opraviť problémové oblasti.
Čo je Gutenberg?
Gutenberg je projekt WordPress, ktorého cieľom je poskytnúť používateľom väčšiu flexibilitu pri navrhovaní obsahu. Cieľom projektu je v podstate nahradiť súčasný editor, ktorý funguje predovšetkým ako textový procesor, vizuálnejším a štruktúrovanejším rozhraním. V súčasnosti je Gutenberg plugin a dáva používateľom možnosť upravovať svoj obsah rovnakým spôsobom ako Visual Composer alebo iné editory drag and drop (Drag & Drop), ale zjednodušeným a veľmi intuitívnym spôsobom.
Ak sa chcete dozvedieť viac o Gutenbergu, kliknite sem.
Časti vášho webu
Gutenberg je obrovská spoločnosť a pravdepodobne zasiahne veľa koncových bodov vo vašej spoločnosti webové stránky. Toto sú tri oblasti, v ktorých budeme skúmať potenciálne problémy:
- Vaša téma: Gutenberg prichádza s vlastnou sadou štýlov pre obsah. Je vaša téma kompatibilná? Ako bude Gutenberg vyzerať, keď bude aktívny?
- Vaše pluginy: Je možné, že Gutenberg môže neočakávane interagovať s vašimi ostatnými doplnkami. Uvidíme, čo by to mohlo byť a čo urobiť, aby sme vyriešili vzniknuté problémy.
- Váš obsah: Gutenberg ovplyvní spôsob zobrazenia vášho obsahu. Pozrime sa na to, ako by to mohlo zmeniť vzhľad vašich stránok, a prejdeme k niektorým potenciálnym riešeniam, ak máte problémy.
Nastavenie testovacej oblasti
Než začnete, je dobré vytvoriť testovaciu oblasť, kde môžete experimentovať s Gutenbergom bez toho, aby ste ohrozili svoje hlavné stránky. V ideálnom prípade by ste si mali vytvoriť vlastnú testovaciu oblasť alebo vytvoriť miestnu kópiu svojej stránky. Ďalšie informácie o tom, ako vykonať ktorúkoľvek z týchto úloh, nájdete v nasledujúcom návode: Ako WordPress nainštalovať lokálne.
Ak to nie je možné, môžete vykonať testy priamo na svojom webe. Upozorňujeme, že to môže byť riskantné, pretože budeme aktivovať a deaktivovať niekoľko častí vášho webu. Ak vykonávate živé testovanie, nezabudnite si pred začiatkom vytvoriť zálohu svojho webu.
Keď viete, kde budete testovať, prejdite do adresára pluginov a nájdite Gutenberg. Po nainštalovaní a aktivácii čítajte ďalej.
Otestujte svoju tému
Teraz, keď máte nainštalovaný Gutenberg, sa pozrime na prvú časť vášho webu, ktorá by mohla byť ovplyvnená: vašu tému. Ak už v tomto okamihu existujú závažné problémy, napríklad chyby v databáze alebo problémy s informačným panelom WordPress, pokračujte k sekcii Čo robiť, keď je príliš veľa problémov.
Pretože Gutenberg primárne interaguje s obsahom stránok, stačí vyskúšať niekoľko vecí - našťastie pre nás.
Prvý je, že Gutenberg prichádza s vlastnou šablónou štýlov a sadou štýlov. Skontrolujte každý z rôznych typov stránok a šablón použitých na vašom webe a uistite sa, že sa stále zobrazujú správne. Hlavným cieľom je zamerať sa na prvky v hlavnej obsahovej oblasti vašich stránok, najmä na bloky obsahu a obrázkov. Ak narazíte na nejaké problémy, je pravdepodobné, že Gutenbergove štýly majú prednosť pred štýlmi na vašom webe.
Aby ste to napravili, budete musieť zistiť, odkiaľ problém pochádza. Zvyčajne to bude selektor CSS zameraný na element HTML alebo prioritu Gutenbergových štýlov pred vašimi vlastnými triedami. V obidvoch prípadoch sa pokúste identifikovať miesto, kde sa chyba vyskytuje. Ďalej zistite, prečo Gutenbergove štýly prevažujú nad vašimi, a opravte svoj kód tak, aby mal prednosť.
Pokúste sa vykonať opravy vo svojej vlastnej téme (alebo ešte lepšie, v detskej téme alebo oblasti určenej pre CSS vo vašej téme), namiesto úpravy Gutenberga. Ak priamo upravujete ktorýkoľvek zo súborov v Gutenbergu, je pravdepodobné, že sa pri aktualizácii doplnku prepíše.
Rovnako tak budete chcieť na svojom informačnom paneli spustiť rovnaké testy raz a navždy. Možnosti motívu a ďalšie vlastné sekcie generované vašim motívom sa javia ako doteraz najväčší vinníci. Keď zistíte problémy so stylingom v týchto oblastiach, môžete ich zvyčajne opraviť zmenou alebo vytvorením podradenej témy a doladením CSS.
Pracujú vaše doplnky?
Po otestovaní vašej témy sú doplnky pre váš web nasledovné. Konkrétne dávajte pozor na doplnky, ktoré poskytujú krátke kódy, ktoré používate vo svojom obsahu (napr. Gravity Forms), doplnky, ktoré ovplyvňujú vzhľad vášho obsahu (napr. Doplnky pre prístup, ktoré ovplyvňujú veľkosť textu) a doplnky, ktoré priamo vkladajú prvky na vašu stránku (napríklad Advanced Custom Fields).
Preskúmajte skratky
Ak chcete vykonať audit tejto oblasti, začnite zhromaždením zoznamu všetkých použitých kódov a tiež stránok, na ktorých existujú. So zoznamom v ruke navštívte každú z týchto stránok a zistite, či fungujú podľa očakávaní. Ak máte problémy so štýlom, je pravdepodobné, že máte rovnaký problém ako predtým a musíte svoje štýly upraviť.
Ak sa však zobrazí krátky kód a nie očakávaný obsah (tj. Vaša stránka zobrazuje [shortcode]namiesto správneho postupu) existuje ďalšie riešenie. V takom prípade sa môžete pozrieť na blok, kde sa nachádza skratka, a potvrdiť, že sa to nepovažuje za text (vyhľadať a odstrániť nežiaduce menovky okolo skratky). Ak problém pretrváva, presunutím krátkeho kódu na vhodnejší typ bloku by sa malo všetko reštartovať.
Vzhľad obsahu
Tento problém pramení z rovnakého problému, ktorý sme už pokryli: substitúcie štýlov. Identifikujte ovplyvnené prvky a opravte CSS.
Vytvorenie prvku
Posledná oblasť, v ktorej sa pozrieme na konfliktné problémy, je vytváranie položiek. Akýkoľvek doplnok, ktorý vkladá prvky HTML na stránku bez použitia krátkych kódov, je tu podozrivý, napríklad keď PHP extrahuje vlastné polia z doplnku Advanced Custom Fields.
Najbežnejší sklz s vytváraním prvkov sa točí okolo nekompatibilných blokov. Pretože Gutenberg poskytuje svoje vlastné štýly, je možné, že ak sú vaše položky vytvorené v neúmyselnom bloku, nemusia sa zobrazovať správne. Oprava tohto problému je zabezpečiť, aby váš kód pridával položky do bloku tam, kde ich chcete mať.
Vyzerá váš obsah podľa potreby?
Nie je to také naliehavé ako iné problémy, o ktorých sme diskutovali, ale môžu nastať určité komplikácie v spôsobe zobrazovania vášho obsahu. Väčšina z týchto problémov bude pochádzať z malých zmien štýlu alebo zorganizácie bloky. Aby ste to napravili, budete sa musieť pohrať s blokovým systémom, kým nedostanete svoju stránku tak, ako chcete.
Čo robiť, keď je príliš veľa problémov
Narazili ste na problém, ktorý ste nedokázali vyriešiť pomocou návrhov v tejto príručke? Zachovajte pokoj ! Stále zostáva nejaký čas, kým sa Gutenberg integruje do jadra WordPressu.
Najskôr si zapíšte, v čom je chyba a aké kroky k nej viedli. Čím viac informácií môžete zhromaždiť, tým lepšie. Všetky tieto informácie odovzdajte tímu Gutenberg. So šťastím budú môcť problém určiť a opraviť v budúcom vydaní.
Ak ste pracovali na predvoľbe, v tejto chvíli je to všetko, čo môžete zatiaľ urobiť. Stále sledujte poznámky k vydaniu, aby ste zistili, či je váš problém vyriešený, alebo prípadne pracujte na jeho odstránení.
Ak ste pracovali na svojom živom webe, deaktivácia Gutenberga by mala všetko vrátiť do normálu. Ak nie, potom je čas vrátiť sa k zálohe, ktorú ste vytvorili na začiatku tutoriálu!
Veľa šťastia pri inštalácii!
Gutenberg si kladie za cieľ byť masívnym posunom v prostredí WordPress, ktoré sa snaží meniť obsah k lepšiemu. Predtým, ako zasiahne hlavnú vetvu, nezabudnite overiť, či váš web bude s novými zmenami fungovať. Ak máte akékoľvek problémy, ktoré nie sú uvedené v tomto zozname, lepšie riešenia alebo opravy akýchkoľvek problémov v tejto príručke, zanechajte komentár nižšie.
