Gutenberg wkrótce pojawi się na WordPressie. Twój Witryna internetowa czy jest gotowy? Chociaż nadal nie wiemy dokładnie, jaką przyjmie formę, ten nowy system treści zostanie dodany do WordPressa w przyszłości. Przyjrzyjmy się potencjalnemu wpływowi, jaki może to mieć na Twoją witrynę, oraz sposobom wcześniejszego identyfikowania i rozwiązywania problemów.
Co to jest Gutenberg?
Gutenberg to projekt WordPress, którego celem jest zapewnienie użytkownikom większej elastyczności w projektowaniu ich treści. Zasadniczo projekt ma na celu zastąpienie obecnego edytora, który działa głównie jako edytor tekstu, bardziej wizualnym i ustrukturyzowanym interfejsem. Obecnie Gutenberg jest wtyczką i daje użytkownikom możliwość edytowania treści w taki sam sposób jak Program Visual Composer lub inne edytory typu „przeciągnij i upuść” (Drag & Drop), ale w uproszczony i bardzo intuicyjny sposób.
Aby dowiedzieć się więcej o Gutenberg, kliknij tu.
Części Twojej witryny
Gutenberg to ogromna firma i prawdopodobnie trafi w wiele punktów końcowych w twoim Witryna internetowa. Oto trzy obszary, które zbadamy pod kątem potencjalnych problemów:
- Twój motyw: Gutenberg ma własny zestaw stylów treści. Czy Twój motyw jest zgodny? Jak będzie wyglądał Gutenberg, gdy będzie aktywny?
- Twoje wtyczki: Możliwe, że Gutenberg może wchodzić w interakcje z innymi wtyczkami w nieoczekiwany sposób. Zobaczymy, co to może być i co należy zrobić, aby naprawić wszelkie pojawiające się problemy.
- Twoja treść: Gutenberg wpłynie na sposób wyświetlania treści. Przyjrzymy się, jak może to zmienić wygląd Twoich stron, i przedstawimy kilka potencjalnych rozwiązań w przypadku problemów.
Utworzenie obszaru testowego
Zanim zaczniesz, dobrym pomysłem jest utworzenie obszaru testowego, w którym możesz eksperymentować z Gutenbergiem bez narażania swojej głównej witryny na ryzyko. Najlepiej byłoby utworzyć własny obszar testowy lub lokalną kopię witryny. Aby uzyskać więcej informacji o tym, jak wykonać którekolwiek z tych zadań, zobacz następujący samouczek: Jak zainstalować WordPress lokalnie.
Jeśli nie jest to możliwe, możesz przeprowadzić testy bezpośrednio na swojej stronie. Pamiętaj, że może to być ryzykowne, ponieważ będziemy aktywować i dezaktywować wiele części Twojej witryny. Jeśli przeprowadzasz testy na żywo, przed rozpoczęciem utwórz kopię zapasową witryny.
Gdy już wiesz, gdzie będziesz testować, przejdź do katalogu wtyczek i znajdź Gutenberga. Po zainstalowaniu i aktywacji czytaj dalej.
Przetestuj swój motyw
Po zainstalowaniu Gutenberga przyjrzyjmy się pierwszej sekcji witryny, na którą może to mieć wpływ: motywem. Jeśli w tym momencie występują już poważne problemy, takie jak błędy bazy danych lub problemy z pulpitem WordPress, przejdź do sekcji Co zrobić, gdy występuje zbyt wiele problemów.
Ponieważ Gutenberg wchodzi głównie w interakcję z treścią witryny, wystarczy przetestować kilka rzeczy - na szczęście dla nas.
Po pierwsze, Gutenberg ma własny arkusz stylów i zestaw stylów. Sprawdź każdy z różnych typów stron i szablonów używanych w Twojej witrynie, aby upewnić się, że nadal są poprawnie wyświetlane. Głównym celem jest tutaj skupienie się na elementach w głównym obszarze treści Twoich stron, zwłaszcza na blokach treści i obrazów. Jeśli zauważysz jakiekolwiek problemy, prawdopodobnie style Gutenberga mają pierwszeństwo przed stylami w Twojej witrynie.
Aby to naprawić, musisz określić, skąd pochodzi problem. Zwykle będzie to selektor CSS skoncentrowany na elemencie HTML lub priorytecie stylów Gutenberga nad własnymi klasami. Tak czy inaczej, spróbuj określić, gdzie występuje błąd. Następnie dowiedz się, dlaczego style Gutenberga zastępują twoje, i napraw kod, aby mógł mieć pierwszeństwo.
Spróbuj wprowadzić poprawki we własnym motywie (lub jeszcze lepiej, w podrzędnym motywie lub obszarze określonym dla CSS w Twoim motywie), zamiast modyfikować Gutenberga. Jeśli edytujesz bezpośrednio którykolwiek z plików w Gutenberg, prawdopodobnie zostanie on nadpisany po zaktualizowaniu wtyczki.
Podobnie będziesz chciał raz na zawsze przeprowadzić te same testy na swoim pulpicie nawigacyjnym. Opcje motywu i inne niestandardowe sekcje wygenerowane przez Twój motyw wydają się jak dotąd największymi winowajcami. Po zidentyfikowaniu problemów ze stylem w tych obszarach, zwykle możesz je naprawić, zmieniając lub tworząc motyw potomny i poprawiając tam CSS.
Czy twoje wtyczki działają?
Po przetestowaniu motywu wtyczki do Twojej witryny są następujące. W szczególności zwracaj uwagę na wtyczki, które zapewniają skróty, których używasz w swoich treściach (np. Gravity Forms), wtyczki wpływające na wygląd treści (np. Wtyczki dostępności, które wpływają na rozmiar tekstu) i wtyczki, które bezpośrednio wstawiają elementy do Twojej strony (takie jak zaawansowane pola niestandardowe).
Poznaj krótkie kody
Aby przeprowadzić audyt tego obszaru, zacznij od zebrania listy wszystkich używanych skrótów, a także stron, na których one istnieją. Mając listę w ręku, odwiedź każdą z tych stron, aby sprawdzić, czy działają zgodnie z oczekiwaniami. Jeśli masz problemy ze stylizacją, prawdopodobnie masz ten sam problem co poprzednio i musisz ponownie dostosować stylizację.
Jeśli jednak wyświetli się shortcode, a nie oczekiwana treść (tj. Twoja strona wyświetla [shortcode]zamiast postępować właściwie) istnieje inne rozwiązanie. W takim przypadku możesz spojrzeć na blok, w którym znajduje się krótki kod, i potwierdzić, że nie jest to tekst (znajdź i usuń niechciane etykiety wokół krótkiego kodu). Jeśli problem będzie się powtarzał, przeniesienie shortcode na bardziej odpowiedni typ bloku powinno ponownie uruchomić wszystko.
Wygląd treści
Ten problem wynika z tego samego problemu, który już omówiliśmy: podstawienia stylu. Zidentyfikuj elementy, których to dotyczy, i popraw CSS.
Tworzenie elementów
Ostatni obszar, któremu przyjrzymy się w przypadku konfliktu, dotyczy tworzenia przedmiotów. Każda wtyczka, która wstawia elementy HTML na stronę bez użycia skrótów, jest tutaj podejrzana, na przykład gdy PHP wyodrębnia niestandardowe pola z wtyczki Advanced Custom Fields.
Najczęstszy poślizg podczas tworzenia elementów obraca się wokół niekompatybilnych bloków. Ponieważ Gutenberg zapewnia własne style, możliwe jest, że jeśli Twoje elementy zostaną utworzone wewnątrz niezamierzonego bloku, mogą nie wyświetlać się poprawnie. Rozwiązaniem tego problemu jest upewnienie się, że kod dodaje elementy do bloku w miejscu, w którym mają się znajdować.
Czy Twoje treści wydają się konieczne?
Nie jest to tak pilne jak inne omawiane przez nas kwestie, ale mogą wystąpić pewne komplikacje w sposobie wyświetlania treści. Większość z tych problemów będzie wynikać z drobnych zmian stylistycznych luborganizacja Bloki. Aby to naprawić, będziesz musiał pobawić się systemem bloków, dopóki strona nie będzie taka, jak chcesz.
Co zrobić, gdy występuje zbyt wiele problemów
Czy napotkasz problem, którego nie możesz rozwiązać za pomocą sugestii zawartych w tym samouczku? Nie panikować ! Jest jeszcze trochę czasu, zanim Gutenberg zostanie zintegrowany z rdzeniem WordPress.
Najpierw zapisz, na czym polega błąd i jakie kroki do niego doprowadziły. Im więcej informacji możesz zebrać, tym lepiej. Przekaż wszystkie te informacje zespołowi Gutenberga. Przy odrobinie szczęścia będą w stanie określić problem i naprawić go w przyszłej wersji.
Jeśli pracujesz w witrynie testowej, w tym momencie to wszystko, co możesz teraz zrobić. Sprawdzaj informacje o wersji, aby sprawdzić, czy problem został rozwiązany, lub popracuj nad jego samodzielnym rozwiązaniem.
Jeśli pracowałeś na swojej działającej witrynie, wyłączenie Gutenberga powinno przywrócić wszystko do normy. Jeśli nie, to czas wrócić do kopii zapasowej utworzonej na początku samouczka!
Powodzenia w instalacji!
Gutenberg chce być ogromną zmianą w środowisku WordPress, które stara się zmieniać zawartość na lepsze. Zanim trafi do głównej gałęzi, upewnij się, że Twoja witryna będzie działać z nowymi zmianami. Jeśli masz jakiekolwiek problemy inne niż wymienione tutaj, lepsze rozwiązania lub poprawki czegokolwiek w tym samouczku, zostaw komentarz poniżej.
