Jak przetestować swoją witrynę pod kątem aktualizacji do Gutenberga (edytor blokowy)

Przejście na edytor bloków WordPress może być dużym krokiem, jeśli Twoja witryna działała płynnie z klasycznym edytorem.

Edytor bloków wprowadza nowoczesne doświadczenie. Ułatwia tworzenie bogatych układów bez dodatkowych wtyczek lub krótkich kodów.

Aktualizacja przynosi ekscytujące możliwości, ale ważne jest, aby przejście odbyło się ostrożnie.

Testowanie witryny z wyprzedzeniem pomaga uniknąć niespodzianek. Zapewnia zachowanie obecnego projektu i to, że wszystko nadal działa zgodnie z oczekiwaniami.

Pomogliśmy wielu użytkownikom WordPressa przygotować się na tę zmianę. Niewielkie planowanie przynosi wielkie korzyści. W tym przewodniku przeprowadzimy Cię przez dokładne kroki, które wykonujemy, aby przetestować witrynę przed włączeniem edytora bloków.

Pomoże Ci to pewnie ruszyć naprzód i w pełni wykorzystać możliwości edytora bloków.

Dlaczego warto przetestować swoją witrynę WordPress przed aktualizacją do Gutenberga?

Chociaż nowoczesne motywy i wtyczki WordPress są w dużej mierze kompatybilne z edytorem bloków, testowanie jest jedynym sposobem, aby być w 100% bezpiecznym.

Utworzenie środowiska testowego przed przejściem z Edytora Klasycznego pozwala na:

• Wykrywaj niezgodności: Możesz dowiedzieć się, czy którekolwiek z Twoich starszych wtyczek lub niestandardowych funkcji motywu kolidują z edytorem bloków.
• Chroń swój ruch na żywo: Unikasz uszkodzonych układów lub komunikatów o błędach, które mogłyby odstraszyć odwiedzających.
• Zabezpiecz przychody: Zapewniasz, że Twoje formularze kontaktowe, strony płatności i reklamy nadal działają doskonale.
• Ćwicz bez ryzyka: Możesz zapoznać się z nowym interfejsem bez presji edytowania działającej strony internetowej.

Szacowany czas testowania

Zanim zaczniesz, oto czego możesz się spodziewać pod względem inwestycji czasu:

• Tworzenie kopii zapasowej: 10-30 minut (w zależności od rozmiaru witryny)
• Konfiguracja Staging: 15-45 minut (szybciej dzięki narzędziom hostingowym 1-kliknięcia)
• Testowanie edytora bloków: 1-3 godziny (przetestuj wszystkie kluczowe strony i funkcjonalności)
• Rozwiązywanie problemów: Zmienne (skontaktuj się z programistami, jeśli znajdziesz konflikty)
• Całkowity czas: 2-5 godzin dla większości witryn WordPress

Większe witryny z rozbudowanymi niestandardowymi rozwiązaniami mogą wymagać dodatkowego czasu na testowanie. Planuj odpowiednio i unikaj pośpiechu w procesie.

Mając to na uwadze, sprawdźmy krok po kroku, jak przetestować swoją witrynę przed przejściem na edytor bloków. Możesz skorzystać z tych szybkich linków, aby nawigować po tym samouczku:

Krok 1: Utwórz pełną kopię zapasową swojej witryny

Zawsze musisz utworzyć pełną kopię zapasową swojej witryny WordPress przed każdą większą aktualizacją. Kopie zapasowe chronią Cię przed wszelkimi uszkodzeniami i pozwalają uniknąć problemów, które mogą wystąpić podczas procesu aktualizacji.

Regularne tworzenie kopii zapasowych witryny jest ważne, nawet jeśli nie aktualizujesz swojej witryny, ponieważ mogą one uratować Cię w sytuacjach awaryjnych, takich jak ataki złośliwego oprogramowania, włamania i inne.

Istnieje wiele wtyczek do tworzenia kopii zapasowych WordPress, z których możesz wybierać, ale zalecamy używanie Duplicator. Jest zaufany przez ponad 1,5 miliona aktywnych instalacji i utrzymuje ocenę 4,9/5 na WordPress.org.

Dokładnie przetestowaliśmy ją w różnych konfiguracjach WordPress i konsekwentnie okazała się niezawodna i przyjazna dla użytkownika.

Niezależnie od tego, czy tworzysz ręczne kopie zapasowe, czy konfigurujesz automatyczne harmonogramy, Duplicator daje Ci pełną kontrolę i elastyczność.

Jeśli jesteś ciekawy, jak wypada w porównaniu z innymi narzędziami, opublikowaliśmy również recenzję Duplicator z praktycznym podejściem, dzieląc się naszym doświadczeniem bardziej szczegółowo.

Aby utworzyć kopię zapasową za pomocą Duplicator, przejdź do swojego panelu WordPress i wybierz Duplicator » Backups. Następnie kliknij „Dodaj nowy”.

Spowoduje to przejście do nowego ekranu, gdzie musisz nazwać swoją kopię zapasową i skonfigurować opcje przechowywania dla niej.

Następnie kliknij przycisk „Utwórz kopię zapasową”.

Po zakończeniu pobierz oba pliki „Installer” i „Archive” na swój komputer. Przechowuj te pliki w bezpiecznym miejscu — będą potrzebne, jeśli będziesz musiał przywrócić swoją witrynę. 

Aby uzyskać pełne instrukcje, zapoznaj się z naszym samouczkiem na temat tworzenia pełnej kopii zapasowej w WordPress.

Krok 2: Przetestuj swoją stronę na serwerze lokalnym lub stronie stagingowej

Po utworzeniu pełnej kopii zapasowej swojej witryny jesteś gotowy do testowania. Możesz teraz bezpiecznie sprawdzić swoją witrynę za pomocą edytora bloków.

Istnieją dwie powszechne metody testowania nowych aktualizacji bez faktycznego wpływu na Twoją aktywną stronę:

1. Przetestuj swoją witrynę na lokalnym serwerze zainstalowanym na Twoim komputerze.
2. Przetestuj swoją witrynę na serwerze stagingowym.

Obie opcje pozwalają przetestować WordPress z edytorem bloków oraz istniejącymi treściami, wtyczkami i motywami.

1. Przetestuj swoją witrynę na serwerze lokalnym

Używanie lokalnego serwera oznacza instalację witryny WordPress na własnym komputerze. Nowoczesne narzędzia, takie jak LocalWP (dawniej Local by Flywheel) lub XAMPP, ułatwiają to dzięki instalacjom WordPress jednym kliknięciem.

Dla użytkowników systemu Windows, WAMP jest również solidną opcją, a użytkownicy Mac mogą używać MAMP (który działa również w systemie Windows).

Pobierz i zainstaluj LocalWP lub wybierz XAMPP, WAMP lub MAMP w zależności od systemu operacyjnego. Postępuj zgodnie z kreatorem instalacji, aby skonfigurować środowisko serwera lokalnego na swoim komputerze.

W tej metodzie najpierw przenieś kopię swojej aktywnej witryny WordPress na lokalny serwer za pomocą wtyczki migracyjnej, takiej jak Duplicator.

Po utworzeniu pakietu kopii zapasowej w Kroku 1, prześlij oba pliki Installer i Archive do głównego katalogu serwera lokalnego (zazwyczaj htdocs dla XAMPP lub www dla WAMP/MAMP).

Następnie otwórz przeglądarkę i przejdź do http://localhost/installer.php. Postępuj zgodnie z instrukcjami na ekranie, aby rozpakować archiwum i zakończyć instalację.

Szczegółowe instrukcje znajdziesz w naszym przewodniku jak przenieść WordPress z serwera lokalnego na stronę na żywo (proces odwrotny działa tak samo).

Następnie, na stronie lokalnej, możesz przełączyć się na edytor bloków. Możesz przetestować kompatybilność wszystkich swoich wtyczek i motywów. Możesz także wprowadzać zmiany na stronie lokalnej i przesyłać je na swoją stronę na żywo, gdy skończysz.

Aby to zrobić, utwórz nowy pakiet Duplicator na swojej stronie lokalnej (postępując zgodnie z tymi samymi krokami tworzenia kopii zapasowej z Kroku 1), a następnie prześlij pliki Instalatora i Archiwum na swój serwer na żywo i uruchom instalator.

Jeśli nie musiałeś wprowadzać zmian lokalnie i wszystko wydawało się w porządku, możesz zaktualizować swoją stronę na żywo. Przed przełączeniem strony na żywo utwórz świeżą kopię zapasową , aby mieć pewność, że będziesz mógł przywrócić ją, jeśli coś pójdzie nie tak.

2. Przetestuj swoją witrynę w środowisku stagingowym

Strona stagingowa to oddzielna wersja rozwojowa Twojej witryny, na której możesz wypróbować nowe funkcje.

Jest to zazwyczaj subdomena Twojej witryny, która jest niedostępna publicznie. Tam możesz testować nowe aktualizacje, motywy i wtyczki lub używać jej do wszystkich swoich prac deweloperskich. Po przetestowaniu wszystkiego, co niezbędne, możesz przesłać ją na swoją aktywną witrynę.

Wszyscy główni zarządzani dostawcy hostingu WordPress – w tym Bluehost, WP Engine, SiteGround i Hostinger – oferują instalację tymczasowej witryny jednym kliknięciem z Twojego konta hostingowego.

Jeśli Twoja witryna jest hostowana w Bluehost, znajdziesz opcję utworzenia tymczasowej witryny w menu Bluehost w panelu administracyjnym WordPress.

Jeśli nie korzystasz z żadnego z tych dostawców hostingu, zapytaj swojego hosta, ponieważ mogą oni oferować tę funkcję.

Jeśli Twoja usługa hostingowa nie ma funkcji instalacji witryny stagingowej, nadal możesz zrobić to ręcznie samodzielnie. Oto nasz samouczek krok po kroku, jak skonfigurować środowisko stagingowe w WordPress.

Krok 3: Zainstaluj wtyczkę Classic Editor w przypadku problemów z kompatybilnością

Istnieje szansa, że motyw lub wtyczka mogą nie działać po przełączeniu. Typowe oznaki niezgodności obejmują: uszkodzone układy stron, brakujące treści, komunikaty o błędach w edytorze, funkcje, które już nie pojawiają się, lub błędy PHP wyświetlane na froncie.

Jeśli napotkasz którykolwiek z tych problemów, oznacza to, że masz jeszcze pracę do wykonania.

Musisz skontaktować się z deweloperem motywu lub wtyczki. Poproś ich o zapewnienie kompatybilności z edytorem bloków.

Jeśli nie otrzymasz pozytywnej odpowiedzi, być może będziesz musiał znaleźć alternatywny motyw lub wtyczkę.

Alternatywnie możesz nadal korzystać z wtyczki Classic Editor. Jest to najlepsza opcja, jeśli prowadzisz stronę z dużą ilością treści z zespołem już przeszkolonym w klasycznym przepływie pracy, lub jeśli polegasz na starszych wtyczkach, które nie zostały zaktualizowane pod kątem kompatybilności z blokami.

Classic Editor to oficjalna wtyczka WordPress. Pozwala ona ukryć edytor bloków i tworzyć treści w taki sam sposób, jak wcześniej.

Jest to również dobra opcja, jeśli nie jesteś jeszcze gotowy na przejście do Edytora bloków.

Krok 4: Dowiedz się więcej o edytorze Gutenberg

Jeśli dopiero rozpoczynasz swój pierwszy blog WordPress, masz szczęście. Szybko przyzwyczaisz się do niesamowitego nowego edytora bloków, który jest szybszy, nowocześniejszy i niezwykle potężny.

Z drugiej strony, jeśli używasz WordPressa od jakiegoś czasu, nowy edytor jest ekscytującą zmianą. Większość z nas jest przyzwyczajona do pracy ze starym edytorem. Dostosowaliśmy do niego nasze przepływy pracy.

Dobra wiadomość jest taka, że możesz nadal robić wszystko, co robiłeś w starym edytorze, za pomocą edytora bloków. Aby pomóc Ci poznać nowe funkcje, przygotowaliśmy te artykuły:

• Jak używać edytora bloków WordPress (poradnik Gutenberg)
• Jak masowo konwertować klasyczne bloki na Gutenberga w WordPressie
• Przewodnik dla początkujących po aktualizacji starych postów WordPress za pomocą edytora bloków Gutenberg
• Jak dodać nowy wpis w WordPress i wykorzystać wszystkie funkcje
• Jak dodawać i wyrównywać obrazy w edytorze bloków WordPress (Gutenberg)
• Ostateczny przewodnik po wybieraniu i używaniu zagnieżdżonych bloków w WordPress
• Jak używać edytora pełnoekranowego bez rozpraszania uwagi w WordPress
• Jak cofnąć zmiany w WordPress za pomocą rewizji wpisów
• Przewodnik dla początkujących: Jak używać wzorców bloków WordPress

Możesz również zapoznać się z naszym kompletnym przewodnikiem po edytorze całych witryn, który działa podobnie do edytora bloków, ale służy do edycji motywów WordPress.

Często zadawane pytania dotyczące aktualizacji Twojej witryny do Gutenberga

Oto kilka pytań, które nasi czytelnicy często zadawali na temat aktualizacji edytora swojej witryny WordPress do Gutenberga.

Jak bezpiecznie przetestować moją witrynę WordPress?

Aby bezpiecznie przetestować swoją stronę WordPress, najpierw utwórz pełną kopię zapasową za pomocą wtyczki takiej jak Duplicator.

Następnie skonfiguruj stronę stagingową (lub serwer lokalny przy użyciu LocalWP, XAMPP, WAMP lub MAMP), przełącz się na edytor bloków w tym środowisku testowym i przejrzyj wszystkie strony i wtyczki pod kątem błędów przed aktualizacją swojej strony na żywo.

Czy Gutenberg jest lepszy od Elementora?

Zależy to od Twoich konkretnych potrzeb. Edytor bloków (Gutenberg) jest wbudowany bezpośrednio w rdzeń WordPress, co eliminuje potrzebę zewnętrznego kodu kreatora stron i jest lepsze dla wydajności strony. 

W naszych testach strony korzystające wyłącznie z Edytora bloków ładują się zazwyczaj o 20-30% szybciej niż te korzystające z Elementora, ponieważ nie ma dodatkowego narzutu wtyczki. Jednak Elementor oferuje bardziej szczegółową kontrolę projektowania dla złożonych, niestandardowych układów.

Jak aktywować edytor Gutenberg w WordPress?

Edytor bloków jest aktywny domyślnie we wszystkich nowoczesnych wersjach WordPress. Jeśli go nie widzisz, prawdopodobnie masz aktywny wtyczkę „Classic Editor”. Musisz po prostu przejść do Wtyczki » Zainstalowane wtyczki i dezaktywować Classic Editor.

Dlaczego mój edytor bloków nie działa w WordPress?

Jest to zazwyczaj spowodowane konfliktem z nieaktualną wtyczką lub motywem. Zalecamy tymczasowe dezaktywowanie wszystkich wtyczek, aby sprawdzić, czy edytor ładuje się poprawnie, a następnie ponowne aktywowanie ich pojedynczo, aby znaleźć konkretną wtyczkę powodującą konflikt.

Więcej informacji znajdziesz w naszym przewodniku po najczęstszych problemach z edytorem bloków WordPress i sposobach ich rozwiązywania.

Jak przełączyć się na edytor bloków?

Jeśli używasz wtyczki Classic Editor, ale chcesz się przełączyć, przejdź do Ustawienia » Pisanie w swoim panelu. W sekcji „Domyślny edytor dla wszystkich użytkowników” wybierz „Edytor bloków” i zapisz zmiany.

Co stanie się z moimi starymi postami, gdy przełączę się na Gutenberga?

Twoje istniejące posty pozostają całkowicie nienaruszone. Kiedy otworzysz stary post w edytorze bloków, WordPress automatycznie opakuje Twoją klasyczną treść w „blok klasyczny”.

Możesz kontynuować edycję tak, jak jest, lub przekonwertować ją na poszczególne bloki za pomocą narzędzia do konwersji bloków. Podczas przełączania nie tracisz żadnych treści.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak testować swoją witrynę WordPress przed aktualizacją do edytora bloków. Możesz również zapoznać się z artykułem jak naprawić typowe problemy z edytorem bloków oraz naszymi ekskluzywnymi wyborami najlepszych wtyczek bloków Gutenberga.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.