Jak podglądać swoją witrynę WordPress przed jej uruchomieniem

Jedną z rzeczy, którą mówimy naszym czytelnikom, jest: zawsze podglądaj przed publikacją. Na przestrzeni lat stworzyliśmy i zaktualizowaliśmy tysiące stron i wpisów WordPress, a podglądanie treści przed ich publikacją stało się kluczową częścią naszego procesu redakcyjnego.

Pominięcie tego kroku może prowadzić do niespodzianek dla Twoich odwiedzających — zepsutych układów, brakujących obrazów lub literówek. Sami przez to przechodziliśmy, ale naprawdę, tych problemów można łatwo uniknąć.

W tym artykule przeprowadzimy Cię przez skuteczne sposoby podglądu Twojej strony WordPress przed jej uruchomieniem. W ten sposób możesz mieć pewność, że Twoja witryna wygląda i działa dokładnie tak, jak chcesz. 🧑‍💻

Oto szybki przegląd tematów, które omówimy w tym przewodniku. Zachęcamy do korzystania z poniższych linków, aby przejść do konkretnych sekcji:

• Podglądaj witrynę WordPress przed uruchomieniem w trybie "wkrótce"
• Pozwól klientom na podgląd strony WordPress przed jej uruchomieniem
• Utwórz stronę testową WordPress, aby zobaczyć zmiany
• Podglądaj wpisy i strony WordPress przed publikacją
• Podgląd motywu WordPress przed przełączeniem
• Podgląd dostosowań motywu WordPress
• Podgląd niestandardowego motywu WordPress
• Podgląd stron docelowych WordPress przed uruchomieniem
• Wskazówka bonusowa 🌟: Wykrywaj problemy z projektowaniem za pomocą testowania regresji wizualnej

Gotowi? Zacznijmy.

Podglądaj witrynę WordPress przed uruchomieniem w trybie "wkrótce"

Jeśli tworzysz nową stronę WordPress, zawsze zaleca się włączenie trybu „wkrótce nadejdzie”, gdy pracujesz nad swoją stroną.

Pozwala to na wyświetlenie właściwej strony „wkrótce” odwiedzającym witrynę. Nadal będziesz mógł zalogować się do obszaru administracyjnego WordPress i pracować nad swoją witryną, ale Twoi goście nie będą mogli jej zobaczyć.

Najlepsze jest to, że będziesz mógł podglądać swoją witrynę i przeprowadzać wszystkie niezbędne testy przed jej uruchomieniem.

Aby to zrobić, będziesz potrzebować SeedProd. Jest to najlepszy kreator stron internetowych WordPress na rynku i pozwala łatwo wyświetlić piękną stronę „wkrótce”.

Niektóre z naszych marek partnerskich faktycznie używają SeedProd do tworzenia swoich witryn. Widzieliśmy na własne oczy, jak dobrze to dla nich działało, i wielokrotnie korzystaliśmy z tego narzędzia podczas pisania poradników dla naszych czytelników.

Jeśli chcesz dowiedzieć się więcej o wtyczce, zobacz naszą szczegółową recenzję SeedProd.

Najpierw musisz zainstalować i aktywować wtyczkę SeedProd. Więcej szczegółów znajdziesz w naszym przewodniku krok po kroku na temat jak zainstalować wtyczkę WordPress.

Po aktywacji odwiedź stronę SeedProd » Ustawienia, aby wprowadzić swój klucz licencyjny. Te informacje znajdziesz na swoim koncie na stronie SeedProd.

Następnie przejdź do ekranu SeedProd » Landing Pages z obszaru administracyjnego WordPress.

Stąd po prostu kliknij przycisk „Ustaw stronę „Wkrótce””.

Następnie wtyczka poprosi Cię o wybranie szablonu dla Twojej strony „wkrótce dostępne”.

SeedProd oferuje kilka pięknych szablonów "wkrótce" profesjonalnie zaprojektowanych w celu zwiększenia konwersji.

Po wybraniu szablonu interfejs kreatora stron SeedProd otworzy się na ekranie.

Kreator stron to intuicyjne narzędzie do projektowania. Możesz po prostu wskazać i kliknąć, aby edytować dowolny element, lub przeciągnąć i upuścić nowe elementy do swojego układu z lewej kolumny.

Możesz również dodać formularz zapisu na e-mail i przyciski mediów społecznościowych do swojej strony „wkrótce”, aby użytkownicy mogli śledzić Twoją markę jeszcze przed uruchomieniem.

Po zakończeniu projektowania strony przełącz się na zakładkę połączeń u góry. Stąd możesz zintegrować swoją usługę e-mail marketingu, aby powiększyć swoją listę i powiadomić ludzi, gdy Twoja witryna zostanie uruchomiona.

Aby uzyskać bardziej szczegółowe instrukcje, możesz zapoznać się z naszym samouczkiem na temat tworzenia stron „wkrótce” w WordPress za pomocą SeedProd.

Po zakończeniu kliknij przycisk „Zapisz”, aby zachować zmiany.

Następnie wybierz „Opublikuj”, aby Twoja strona „Wkrótce” była gotowa do użycia. Nie martw się, nie jest jeszcze aktywna na Twojej stronie. Zrobimy to w następnym kroku.

Możesz teraz zamknąć interfejs kreatora stron, co przeniesie Cię z powrotem do ekranu SeedProd » Strony docelowe.

Tutaj kliknij przełącznik pod polem strony „wkrótce” na „Aktywny”. Zapewni to, że wszyscy odwiedzający Twoją witrynę zobaczą Twoją nową stronę „wkrótce” zamiast Twojej faktycznej witryny.

Możesz teraz wylogować się z obszaru administracyjnego WordPress lub odwiedzić swoją stronę w trybie incognito.

Zobaczysz swoją stronę „wkrótce” na żywo na swojej stronie internetowej.

Nadal możesz zalogować się do swojego panelu administracyjnego WordPress i kontynuować pracę nad swoją stroną.

Będziesz również mógł podglądać swoją aktywną stronę internetową po zalogowaniu.

Po zakończeniu pracy nad swoją stroną, możesz po prostu przejść do ekranu SeedProd » Strony docelowe, aby wyłączyć stronę „wkrótce”.

Tutaj kliknij suwak „Aktywny”, aby ustawić go z powrotem na nieaktywny.

Pozwól klientom na podgląd strony WordPress przed jej uruchomieniem

Jeśli pracujesz nad stronami klientów, istnieje kilka sposobów, aby łatwo umożliwić klientom podgląd zmian na stronie WordPress przed ich publikacją.

Jednak najłatwiejszym sposobem jest użycie strony „Wkrótce” stworzonej za pomocą SeedProd, tak jak właśnie pokazaliśmy powyżej.

Po włączeniu trybu „Już wkrótce” na aktywny, musisz kliknąć przycisk „Edytuj stronę”.

Spowoduje to uruchomienie kreatora stron na Twoim ekranie, gdzie musisz przełączyć się na zakładkę Ustawienia strony.

Następnie kliknij sekcję „Kontrola dostępu”.

Stąd możesz utworzyć adres URL obejścia i wybrać czas wygaśnięcia adresu URL. Nie zapomnij zapisać zmian.

Twoi klienci mogą teraz użyć tajnego adresu URL, aby ominąć stronę „wkrótce” i wyświetlić podgląd strony internetowej.

Jeśli Twoja strona internetowa jest już aktywna i chcesz udostępnić zmiany klientom przed ich publikacją, omówimy to w następnym kroku.

Utwórz stronę testową WordPress, aby zobaczyć zmiany

Standardową najlepszą praktyką wśród profesjonalistów zajmujących się tworzeniem stron internetowych jest tworzenie witryny stagingowej, dzięki czemu można testować i przeglądać wszelkie zmiany przed zastosowaniem ich do aktywnej witryny.

Stagingowa strona internetowa to prywatna kopia Twojej witryny. Jest ukryta przed główną publicznością, co daje Ci przewagę testowania i podglądania zmian na Twoim serwerze na żywo.

Wiele z najlepszych firm hostingowych WordPress oferuje witrynę stagingową w 1 kliknięcie. Możesz po prostu kliknąć przycisk, aby utworzyć witrynę stagingową i łatwo zsynchronizować wszelkie wprowadzone zmiany z aktywną witryną.

W tym artykule pokażemy Ci, jak utworzyć stronę internetową staging na Bluehost.

Bluehost jest jedną z największych firm hostingowych na świecie i oficjalnie rekomendowanym dostawcą hostingu WordPress. Oferują funkcję tworzenia witryn stagingowych za pomocą jednego kliknięcia wszystkim swoim klientom WordPress.

Najpierw musisz upewnić się, że wtyczka Bluehost jest zainstalowana i aktywowana na Twojej stronie internetowej. Jeśli jest już aktywowana, zobaczysz pozycję menu Bluehost u góry menu administracyjnego WordPress.

Jeśli nie widzisz menu Bluehost, możesz zalogować się do panelu kontrolnego swojego konta hostingowego Bluehost i kliknąć przycisk „Witryny”.

Następnie kliknij „Ustawienia” na swojej stronie internetowej.

W obszarze zarządzania witryną przełącz się na zakładkę „Wtyczki”.

Następnie aktywuj wtyczkę Bluehost.

Po upewnieniu się, że wtyczka Bluehost jest zainstalowana, możesz utworzyć swoją witrynę stagingową.

Z obszaru administracyjnego WordPress kliknij stronę wtyczki Bluehost i przejdź do zakładki „Staging”.

Następnie kliknij „Utwórz witrynę stagingową”.

Wtyczka wygeneruje następnie Twoją witrynę stagingową.

Po zakończeniu możesz kliknąć „Nie edytuj” (Not currently editing), aby przełączyć się na stronę przejściową i zacząć nad nią pracować.

Możesz teraz pracować na swojej stronie stagingowej i zobaczyć swoje zmiany w podglądzie na żywo.

Po przełączeniu zobaczysz czerwone powiadomienie „Środowisko stagingowe” na pasku administracyjnym WordPress.

Ma to pomóc w odróżnieniu jej od Twojej aktywnej strony.

Po zakończeniu podglądu zmian na stronie testowej możesz ponownie przejść do strony wtyczki Bluehost i przejść do zakładki „Staging”.

Stąd wybierz „Wdróż wszystkie zmiany” i kliknij przycisk odświeżania, aby zmiany stały się aktywne.

Aby uzyskać więcej szczegółów i instrukcji dla innych środowisk hostingowych, zapoznaj się z naszym szczegółowym przewodnikiem na temat tego, jak utworzyć witrynę stagingową dla WordPressa.

Podglądaj wpisy i strony WordPress przed publikacją

WordPress używa intuicyjnego edytora bloków, który automatycznie wykorzystuje stylizację Twojego motywu, aby wyświetlić podgląd na żywo Twoich wpisów i stron.

Może to jednak nie dać Ci jasnego obrazu tego, jak post lub strona może wyglądać na Twojej stronie z nagłówkami, paskami bocznymi i wszystkim innym na stronie.

Na szczęście edytor bloków pozwala również na podgląd posta lub strony bez jej publikowania.

Po prostu kliknij przycisk „Podgląd” w prawym górnym rogu.

Możesz wybierać między opcjami podglądu na komputerze, tablecie i telefonie komórkowym, ale pokażą one podgląd tylko wewnątrz edytora treści.

Po wybraniu typu urządzenia kliknij opcję „Podgląd w nowej karcie”, aby wyświetlić pełny podgląd na swojej stronie internetowej.

WordPress wyświetli Ci podgląd Twojego posta lub strony przed jej publikacją.

Jeśli chcesz zezwolić komuś innemu na wyłączny dostęp do podglądu jednego z Twoich nieopublikowanych wpisów, zapoznaj się z naszym przewodnikiem jak zezwolić na publiczny podgląd wpisów w WordPress.

Podgląd motywu WordPress przed przełączeniem

Zazwyczaj, jeśli aktywujesz motyw WordPress, natychmiast staje się on aktywny na Twojej stronie internetowej.

Jeśli nie korzystasz ze strony stagingowej, Twoi użytkownicy zobaczą nowy motyw bez żadnych dostosowań.

Czy nie byłoby miło, gdyby można było podglądać motyw WordPressa przed jego aktywacją na Twojej stronie internetowej?

Na szczęście WordPress pozwala na podgląd motywu przed jego aktywacją.

Po prostu zainstaluj motyw WordPress, który chcesz wyświetlić. Więcej szczegółów znajdziesz w naszym przewodniku na temat jak zainstalować motyw WordPress.

Po zainstalowaniu motywu kliknij link „Podgląd na żywo”.

Alternatywnie możesz również odwiedzić stronę Wygląd » Motywy i najechać kursorem myszy na zainstalowany motyw.

Zobaczysz przycisk do uruchomienia „Podglądu na żywo”.

WordPress uruchomi następnie Narzędzie do dostosowywania motywu.

Tutaj zobaczysz podgląd motywu na żywo z Twoją aktualną zawartością.

Dostosowywanie motywu wykorzysta Twoją istniejącą zawartość i menu nawigacyjne. Możesz wypróbować różne ustawienia motywu z lewego panelu.

Możesz wyjść z narzędzia do dostosowywania motywu bez aktywowania motywu. Spowoduje to jednak niezapisanie Twoich dostosowań.

Jeśli jesteś zadowolony z wyglądu motywu, możesz go aktywować, klikając przycisk „Aktywuj i publikuj” u góry menu.

Potrzebujesz pomocy w przełączaniu motywów? Zobacz nasz samouczek, jak prawidłowo zmienić motyw WordPress.

Podgląd dostosowań motywu WordPress

Chcesz wprowadzić zmiany w swoim motywie WordPress, ale nie wiesz, jak będą wyglądać na Twojej aktywnej stronie?

WordPress oferuje różne sposoby podglądu motywu WordPress przed zastosowaniem zmian.

W przypadku większości motywów WordPress możesz podglądać swoje zmiany za pomocą narzędzia do dostosowywania motywu. Po prostu przejdź do strony Wygląd » Dostosuj, aby je uruchomić.

Stąd możesz wypróbować różne opcje motywów, zmienić menu, dostosować widżety, dodać niestandardowy kod CSS i wiele więcej.

Pozwala to na podgląd zmian w motywie bez faktycznego ich stosowania do Twojej witryny.

Gdy będziesz zadowolony z wprowadzonych zmian, możesz kliknąć przycisk „Opublikuj”, aby zastosować te zmiany. Opcjonalnie możesz również kliknąć ikonę koła zębatego, aby zapisać zmiany jako wersję roboczą, zaplanować zmiany i udostępnić link do podglądu klientom.

Teraz ta metoda może nie być dostępna dla motywów blokowych WordPress korzystających z Edytora Pełnej Witryny.

W takim przypadku możesz uruchomić edytor, odwiedzając menu Wygląd » Edytor.

Pełny edytor witryny pozwala edytować motyw WordPress za pomocą bloków. Możesz edytować poszczególne pliki szablonów z podglądem swojej witryny na żywo.

Więcej szczegółów znajdziesz w naszym kompletnym przewodniku po edycji całych witryn WordPress.

Jednak w przeciwieństwie do Dostosowywania motywu, nie będziesz mógł zapisać zmian jako wersji roboczej. Zmiany te staną się aktywne po ich zapisaniu lub zostaną utracone, jeśli wyjdziesz bez zapisywania.

Podgląd niestandardowego motywu WordPress

Czy chcesz stworzyć całkowicie niestandardowy motyw WordPress z podglądem na żywo?

SeedProd to najlepszy kreator motywów WordPress, który pozwala tworzyć niestandardowe motywy WordPress za pomocą interfejsu przeciągnij i upuść z podglądem na żywo.

Najpierw musisz zainstalować i aktywować wtyczkę SeedProd. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji odwiedź stronę SeedProd » Ustawienia, aby wprowadzić swój klucz licencyjny. Te informacje znajdziesz na swoim koncie na stronie SeedProd.

Następnie musisz odwiedzić stronę SeedProd » Theme Builder.

Stąd kliknij przycisk „Motywy”.

Spowoduje to wyświetlenie okna podręcznego, w którym możesz wybrać motyw jako punkt wyjścia.

SeedProd jest wyposażony w wiele pięknych motywów i szablonów, które możesz dostosować.

Po prostu kliknij, aby wybrać motyw, a SeedProd wygeneruje dla Ciebie wszystkie pliki szablonów motywu.

Teraz możesz kliknąć dowolny z tych plików motywu, aby edytować je w kreatorze motywów.

SeedProd jest wyposażony w intuicyjny kreator przeciągnij i upuść, który wykorzystuje bloki i sekcje do tworzenia pięknych układów.

Możesz dodawać bloki do swojego projektu z lewej kolumny. Po prawej stronie zobaczysz podgląd szablonu motywu na żywo, który można edytować.

SeedProd oferuje również pełne wsparcie dla WooCommerce.

Oznacza to, że możesz projektować i przeglądać swój sklep internetowy, w tym strony produktów, strony realizacji zakupu i inne.

Chcesz podglądnąć swój motyw na urządzeniach mobilnych?

Po prostu kliknij ikonę telefonu komórkowego na dolnym pasku, a SeedProd pokaże podgląd swojego motywu na urządzeniu mobilnym.

Po zakończeniu edycji motywu możesz kliknąć przycisk „Zapisz” (Save) w prawym górnym rogu i wyjść z konstruktora. Następnie możesz edytować inne szablony, jeśli to konieczne.

Kiedy będziesz gotowy do wdrożenia swojego niestandardowego motywu, po prostu włącz przełącznik „Włącz motyw SeedProd” na stronie kreatora motywów.

Twój niestandardowy motyw zostanie teraz opublikowany. Oznacza to, że zastąpi Twój istniejący motyw WordPress.

Aby dowiedzieć się więcej o kreatorze motywów SeedProd, zapoznaj się z naszym samouczkiem na temat tworzenia niestandardowego motywu WordPress bez pisania kodu.

Podgląd stron docelowych WordPress przed uruchomieniem

Strony docelowe (landing pages) to specjalistyczne strony używane w kampaniach marketingowych. Strony te są wysoce zoptymalizowane pod kątem konwersji i sprzedaży.

Niektóre motywy WordPress zawierają szablony stron docelowych, które można dostosować za pomocą edytora bloków.

Jednak jeśli potrzebujesz więcej opcji projektowania, będziesz potrzebować SeedProd. Jest to najlepszy kreator stron docelowych WordPress i pozwala łatwo tworzyć piękne strony docelowe dla Twojej witryny.

SeedProd oferuje dziesiątki profesjonalnie zaprojektowanych szablonów stron docelowych, które pomogą Ci zacząć. Ponadto Twoje strony docelowe będą wyglądać równie dobrze na wszystkich rozmiarach ekranu.

Najpierw musisz zainstalować i aktywować wtyczkę SeedProd. Po aktywacji musisz odwiedzić stronę SeedProd » Ustawienia, aby wprowadzić swój klucz licencyjny.

Te informacje znajdziesz na swoim koncie na stronie SeedProd.

Następnie przejdź do ekranu SeedProd » Strony docelowe z paska bocznego administracji WordPress.

Aby rozpocząć projektowanie swojej strony, kliknij przycisk „Dodaj nową stronę docelową”.

Następnie musisz wybrać szablon.

Istnieje kilka wysoce zoptymalizowanych szablonów, których możesz użyć jako punktu wyjścia, lub możesz zacząć od pustego szablonu.

Spowoduje to wyświetlenie okna podręcznego, w którym musisz wprowadzić nazwę dla swojej strony docelowej i wybrać „slug” adresu URL.

Następnie kliknij przycisk „Zapisz i rozpocznij edycję strony”, aby kontynuować.

Spowoduje to uruchomienie interfejsu kreatora stron.

Jest to narzędzie do projektowania metodą przeciągnij i upuść, gdzie możesz projektować swoją stronę z podglądem na żywo.

Po zakończeniu edycji strony docelowej możesz kliknąć przycisk „Zapisz” i wybrać „Opublikuj”, aby udostępnić ją na swojej stronie internetowej.

Aby dowiedzieć się więcej, zapoznaj się z naszym samouczkiem na temat tworzenia stron docelowych w WordPress.

Dodatkowa wskazówka 🌟: Wykrywaj problemy z projektowaniem dzięki testowaniu regresji wizualnej

Chcesz przenieść zarządzanie swoją witryną na wyższy poziom? Testowanie regresji wizualnej pomaga automatycznie porównywać zrzuty ekranu Twojej witryny przed i po wprowadzeniu zmian.

To jeden z najlepszych sposobów na wyłapanie problemów z projektowaniem, które często umykają ludzkiemu oku. Obejmują one przesunięcia układu, błędy czcionek, niedopasowania kolorów lub problemy z odstępami, które pojawiają się tylko na niektórych stronach lub rozmiarach ekranu.

Na przykład, nawet coś tak małego jak aktualizacja wtyczki może nieumyślnie zepsuć styl formularza kontaktowego lub przesunąć elementy poza wyrównanie.

Narzędzia do wizualnego porównania podkreślają te różnice obok siebie, dzięki czemu możesz je dostrzec i naprawić, *zanim* zauważą je Twoi odwiedzający.

Najprostszym sposobem na rozpoczęcie jest użycie wtyczki VRTs dla WordPress. Pozwala ona na przeprowadzanie testów porównania wizualnego na określonych stronach lub szablonach bezpośrednio z panelu administracyjnego – bez potrzeby kodowania.

Możesz nawet użyć go na stronie stagingowej, aby bezpiecznie testować aktualizacje przed ich publikacją. Szczegółowe informacje znajdziesz w naszym kompletnym przewodniku na temat jak przeprowadzić testy regresji wizualnej.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak przeglądać swoją witrynę WordPress przed jej uruchomieniem. Możesz również zapoznać się z naszymi wskazówkami ekspertów dotyczącymi tworzenia planu odzyskiwania po awarii WordPress oraz naszym ostatecznym przewodnikiem po konserwacji WordPress.

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.