Jak na żywo podgląd witryny WordPress przed publikacją?

WordPress to największy system zarządzania treścią do tworzenia stron internetowych. Chociaż twierdzi, że używa interfejsu edytora WYSIWYG (What You See Is What You Get), nie jest to rzeczywistość. Stary edytor klasyczny nigdzie nie był porównywalny z edytorami WYSIWYG, a nowy edytor oparty na blokach Gutenberga jest rodzajem połączenia wizualnego i technicznego. Przy tej konfiguracji musisz zawsze wyświetlać podgląd postów i stron, aby uniknąć problemów z układem. W tym artykule wyjaśnimy, jak wyświetlić podgląd witryny WordPress przed opublikowaniem treści.

Dlaczego warto wyświetlić podgląd treści przed publikacją?

Istnieją różne scenariusze podglądu w zależności od sytuacji.

1. Podgląd postów lub stron

Podgląd pojedynczego wpisu, strony lub wpisu niestandardowego jest wymagany z jednego lub wielu z następujących powodów.

• Wiele funkcji nie pojawi się w edytorze postów i możesz je tylko wyświetlić w podglądzie lub po opublikowaniu. Na przykład wszelkie kody CSS dodane w sekcji „Wygląd > Dostosuj > Dodatkowy CSS” będą działać tylko w podglądzie lub na żywo.
• Podobnie, jeśli dodasz niestandardową klasę CSS na pasku bocznym dokumentu edytora dla dowolnego elementu, będzie to skuteczne tylko podczas przeglądania treści.
• Treść na pasku bocznym i stopce jest widoczna tylko na całej stronie, a nie na ekranie edytora.
• Mogą wystąpić problemy z układem spowodowane niezgodnością z Twoim motywem. Na przykład wiele motywów nie będzie działać poprawnie z opcjami pełnej i szerokiej szerokości obrazów. Musisz sprawdzić podgląd, aby uniknąć nakładania się obrazów na zawartość paska bocznego.
• Kody wstawiane w sekcji nagłówka, stopki lub treści za pomocą wtyczki nie będą działać w edytorze. na przykład możesz mieć kod nagłówka dla ikon reklamowych lub społecznościowych, które będą działać tylko w podglądzie lub treści na żywo.
• Twoja wtyczka pamięci podręcznej może nie wyświetlać poprawnie zmodyfikowanej zawartości. W takim przypadku musisz wyświetlić podgląd i wyczyścić pamięć podręczną, jeśli wystąpią jakiekolwiek problemy.
• Prawie każda witryna WordPress używa shortcode za pośrednictwem wtyczek lub konfiguracji motywu. Żaden z tych skrótów nie będzie działał w edytorach Gutenberg lub Classic.

Biorąc to wszystko pod uwagę, głupstwem będzie poleganie na treściach, które widzisz w edytorze i publikowanie ich bez podglądu.

2. Podgląd postów innych

Wszystkie powyższe powody dotyczą przeglądania poszczególnych postów lub stron w Twojej witrynie. Są to jednak sytuacje w przypadku właściciela witryny lub osoby publikującej treści. Ale jest inny scenariusz, w którym Ty lub Twój redaktor chcieliście udostępnić post przed opublikowaniem. Na przykład może być konieczne udostępnienie treści klientowi w celu uzyskania zatwierdzenia, zanim zostanie opublikowana. Jest to również możliwe w WordPress, aby wysłać link do posta każdemu w celu przejrzenia lub podglądu.

3. Podgląd zmiany motywu

Jest jeszcze jeden dodatkowy powód do podglądu całej witryny lub losowych stron. WordPress ma tysiące darmowych i premium motywów i nie możesz aktywować każdego motywu w celu przetestowania układu witryny. Rozwiązaniem jest przetestowanie podglądu na żywo dowolnego motywu dostępnego w repozytorium WordPress lub zainstalowanego na Twojej stronie bez aktywacji. Pomoże to zidentyfikować problemy z układem i zrozumieć wygląd bez wpływu na aktywnych użytkowników.

Oferta SEO: Zoptymalizuj swoją witrynę dzięki specjalnej 14-dniowej bezpłatnej wersji próbnej Semrush Pro.

Jak wyświetlić podgląd witryny WordPress przed publikacją?

Wyjaśnijmy wszystkie możliwe wyjaśnienia obejmujące wszystkie powyższe scenariusze.

Podgląd pojedynczego posta lub strony

Dobrą stroną jest to, że możesz wyświetlić podgląd treści posta lub strony w WordPress bez dodatkowej wtyczki.

• Gdy jesteś w edytorze bloków Gutenberga, kliknij link „Podgląd” obok przycisku „Opublikuj” lub „Aktualizuj”. Zobaczysz przycisk „Opublikuj” podczas tworzenia nowego posta i przycisk „Aktualizuj” podczas edytowania już opublikowanego posta.

• Zobaczysz listę rozwijaną z wieloma opcjami podglądu – na komputerze, tablecie lub telefonie komórkowym.

• Domyślnie podgląd w edytorze będzie wyświetlany jako tryb „Pulpit” i możesz wybrać widok tabletu lub urządzenia mobilnego, aby natychmiast zmienić widok w edytorze. Możesz użyć tego tylko jako wstępnego podglądu, aby sprawdzić zawartość tekstu / obrazu, ponieważ inne kody i układ nie będą skuteczne w edytorze.

• Aby wyświetlić pełny podgląd, wybierz tryb urządzenia i kliknij opcję „Podgląd w nowej karcie”. Spowoduje to otwarcie postu w nowej karcie przeglądarki i zastosowanie wszystkich kodów, skrótów i zmian układu, które zastosowałeś w innym miejscu w szablonach.

Pamiętaj, że podgląd zawiera wszystkie efekty, takie jak CSS, skrypty, skróty i zastosowanie globalnego układu z paskiem bocznym, stopką itp. Możesz zauważyć wiele problemów na powyższym zrzucie podglądu na żywo, których nie możesz znaleźć w edytorze. Krótki kod [google-translator] i pierwszy widżet paska bocznego nie działają. Możesz rozwiązać problemy i naprawić je przed naciśnięciem przycisku „Opublikuj” lub „Aktualizuj”.

Jeśli nadal używasz klasycznego edytora dla postów i stron lub używasz niestandardowego typu posta z interfejsem klasycznego edytora, najpierw kliknij przycisk „Zapisz wersję roboczą”. Teraz zobaczysz link bezpośredni pod tytułem posta i kliknij go.

Spowoduje to otwarcie podglądu wpisu na żywo w nowej karcie przeglądarki. Możesz pozostawić otwartą kartę podglądu i kontynuować aktualizację zawartości strony. Za każdym razem, gdy ponownie klikniesz na link bezpośredni, zaktualizuje on już otwartą kartę podglądu.

Zezwalaj na podgląd przez udostępnianie linku każdemu

Gdy zobaczysz adres URL podglądu w pasku adresu przeglądarki, ma on identyfikator podglądu, podgląd_nonce i podgląd=true. WordPress ma mechanizm pobierania podglądu na podstawie statusu posta, jak wyjaśniono w tym artykule StackExchange. Dostępne są wtyczki do tworzenia wygasających jednorazów z niestandardowym adresem URL posta, który możesz udostępnić każdemu.

• Przejdź do sekcji „Wtyczki > Dodaj nowy” i wyszukaj „podgląd” w polu wyszukiwania.
• Spowoduje to odfiltrowanie wielu wtyczek, znalezienie wtyczki Public Post Preview i zainstalowanie/aktywowanie jej w Twojej witrynie.

• Utwórz nowy post i zapisz go jako wersję roboczą, aby zobaczyć dodatkową opcję „Włącz podgląd publiczny” na pasku bocznym. Pamiętaj, że ta opcja pojawi się dopiero po uruchomieniu Autozapisu lub kliknięciu linku „Zapisz wersję roboczą”, który jest dostępny po lewej stronie linku „Podgląd”.

• Zaznacz pole „Włącz podgląd publiczny”, aby wyświetlić adres URL podglądu.

• Kliknij przycisk „Kopiuj adres URL podglądu” wyświetlany obok adresu URL, aby skopiować link do schowka. Teraz możesz udostępnić ten adres URL każdemu, komu chcesz zobaczyć podgląd swojego posta. Jeśli chcesz ograniczyć dostęp, po prostu przejdź do swojego posta i wyłącz pole wyboru „Włącz publiczny podgląd”. Opublikowanie posta spowoduje również, że adres URL podglądu publicznego będzie nieprawidłowy, ponieważ post został już opublikowany.
• Po ograniczeniu dostępu lub opublikowaniu wpisu każdy, kto przegląda adres URL podglądu, otrzyma komunikat o błędzie WordPress z informacją „Brak dostępnego podglądu publicznego!”.

WordPress SEO: zoptymalizuj witrynę WordPress za pomocą bezpłatnego przewodnika po WordPressie.

Podgląd całej witryny z innym motywem

Jest to domyślna funkcja WordPressa i nie potrzebujesz do tego żadnej dodatkowej wtyczki. Jest to również najbardziej przydatna opcja, gdy chcesz wyświetlić podgląd kilku motywów bez aktywowania ich w swojej aktywnej witrynie. Musisz jednak zainstalować motyw, aby móc korzystać z funkcji podglądu motywu. Możesz użyć podglądu motywu na dwa sposoby z panelu administracyjnego WordPress.

Postępuj zgodnie z instrukcjami, jeśli chcesz zainstalować/podejrzeć motyw z repozytorium WordPress.org lub wyświetlić podgląd już zainstalowanego motywu w Twojej witrynie.

• Będąc w panelu administracyjnym WordPress, przejdź do sekcji „Wygląd > Dostosuj”, aby otworzyć konfigurator.
• Wyświetli podgląd na żywo strony głównej Twojej witryny z bieżącym motywem. W poniższym przykładzie widać, że konfigurator wyświetla podgląd na żywo z motywem Astra i kliknij przycisk „Zmień”.

• Zobaczysz ekran jak poniżej, pokazujący wszystkie zainstalowane motywy w Twojej witrynie wraz z opcją przełączenia na motywy WordPress.org.
• W przypadku już zainstalowanych motywów kliknij przycisk „Podgląd na żywo”, aby przejść do ekranu podglądu.

• Jeśli chcesz przetestować dowolny motyw WordPress.org, kliknij tę opcję na pasku bocznym, aby wyświetlić motywy. Możesz użyć pola wyszukiwania, aby przefiltrować swój motyw i kliknąć przycisk „Zainstaluj i wyświetl podgląd”.

• Na przykład zmienimy motyw na GeneratePress i wyświetlimy podgląd jak poniżej bez aktywacji. Możesz także przełączyć wyświetlanie urządzenia na komputer stacjonarny, tablet lub telefon komórkowy, klikając ikony przedstawiające dolną sekcję paska bocznego.

• Dużą zaletą tej metody jest to, że możesz kliknąć dowolny wewnętrzny link na stronie podglądu i wyświetlić podgląd tej strony z nowym motywem.
• Po wyświetleniu podglądu możesz zamknąć dostosowywanie lub wrócić do oryginalnego motywu. Możesz też kliknąć przycisk „Aktywuj i opublikuj”, aby zastosować nowy motyw na swojej stronie i ożywić go.

Następną opcją jest podgląd motywów zainstalowanych tylko w Twojej witrynie, przechodząc do sekcji „Wygląd > Motywy”. Najedź myszą i kliknij przycisk „Podgląd na żywo” przedstawiający motyw, który chcesz wyświetlić. Spowoduje to przejście do ekranu dostosowania, na którym możesz wyświetlić podgląd dowolnych linków, jak wyjaśniono w powyższej metodzie.

Ostatnie słowa

Wielu użytkowników nie zdaje sobie sprawy z różnych opcji podglądu dostępnych w WordPress. Mamy nadzieję, że ten artykuł pomógł Ci wyświetlić podgląd witryny WordPress przed opublikowaniem z nowym motywem lub tylko wyświetlić podgląd i udostępnić adres URL pojedynczego posta.