Jak dostosować stronę chronioną hasłem w WordPress

Poświęciłeś godziny na tworzenie wysokiej jakości treści dla swojej witryny WordPress. Ale gdy odwiedzający docierają do Twoich stron chronionych hasłem, witają ich nieporęczne domyślne formularze, które nie zestarzały się dobrze.

Frustrujące jest widzieć, jak potencjalni klienci odchodzą, ponieważ strona nie odzwierciedla Twojej marki ani nie buduje zaufania. 🤷

Rozumiemy. To jeden z tych drobnych szczegółów WordPressa, które mogą cicho wpłynąć na Twój biznes.

Z naszego doświadczenia w zarządzaniu witrynami członkowskimi wynika, że nawet proste dostosowania strony z hasłem mogą poprawić doświadczenie użytkownika i pomóc w konwersjach.

Dlatego przygotowaliśmy ten przewodnik. Dowiedzmy się, jak dostosować stronę chronioną hasłem w WordPress, która faktycznie wygląda dobrze, pasuje do Twojej marki i angażuje odwiedzających.

Dlaczego warto dostosowywać strony chronione hasłem w WordPress?

Mówiąc prościej, domyślny wygląd strony z hasłem jest przestarzały i nieprofesjonalny – co może zaszkodzić zaufaniu i zaangażowaniu.

Jeśli chcesz utworzyć wpis lub stronę w swoim blogu WordPress, która powinna być widoczna tylko dla wybranych klientów lub członków, możesz ją zablokować za pomocą funkcji ochrony hasłem.

Podobnie, jeśli tworzysz nową stronę WordPress i nie chcesz, aby wszyscy ją widzieli, sensowne jest użycie strony chronionej hasłem.

Domyślny wygląd strony chronionej hasłem jest jednak bardzo podstawowy i nieatrakcyjny. Oto podgląd tego, jak wygląda:

Dostosowywanie strony chronionej hasłem pozwala na zmianę jej wyglądu i układu. Pomaga to uczynić stronę bardziej angażującą, a Ty możesz dopasować ją do swojej marki, aby uzyskać bardziej profesjonalny wygląd i lepsze doświadczenie użytkownika.

W poniższych sekcjach pokażemy Ci, jak włączyć ochronę hasłem w WordPress. Podzielimy się również różnymi sposobami dostosowywania konkretnej strony, całej witryny i różnych sekcji.

Oto krótkie podsumowanie wszystkich tematów, które omówimy:

• Jak zabezpieczyć stronę hasłem w WordPress
• Metoda 1: Dostosuj domyślny projekt strony chronionej hasłem za pomocą CSS Hero
• Method 2: Customize a Specific Password-Protected Page Using SeedProd
• Bonus Tips: More Custom Password-Protected Page Use Cases
• FAQ: Dostosowywanie stron chronionych hasłem w WordPress
• Dodatkowe przewodniki dotyczące ochrony treści i bezpieczeństwa witryny

Gotowy na odświeżenie wyglądu swojej strony zabezpieczonej hasłem? Zacznijmy!

Jak zabezpieczyć stronę hasłem w WordPress

Zanim pokażemy Ci, jak dostosować stronę WordPress, powinieneś wiedzieć, że WordPress ma wbudowane ustawienia do ochrony stron i wpisów hasłem.

Wszystko, co musisz zrobić, to edytować stronę lub dodać nową.

Gdy już znajdziesz się w edytorze treści WordPress, kliknij opcję „Publiczne” w sekcji „Status i widoczność” w panelu ustawień po prawej stronie.

Następnie zobaczysz różne opcje „Widoczność wpisu”.

Po prostu wybierz opcję „Password Protected” i wprowadź hasło dla swojej strony.

Teraz kliknij „Zaktualizuj” lub „Opublikuj”.

Możesz teraz odwiedzić swoją witrynę i zobaczyć stronę chronioną hasłem w akcji.

Teraz zobaczmy, jak możesz dostosować swoją domyślną stronę chronioną hasłem.

Metoda 1: Dostosuj domyślny projekt strony chronionej hasłem za pomocą CSS Hero

Po włączeniu ochrony hasłem z edytora treści WordPress, strona wykorzystuje motyw Twojej witryny do stylizacji.

Aby dostosować stronę, możesz po prostu użyć narzędzia takiego jak CSS Hero.

Pozwala edytować projekt i układ strony bez edycji kodu. Przetestowaliśmy go obszernie i wszystko znajdziesz w naszej recenzji CSS Hero.

Najpierw musisz zainstalować i aktywować wtyczkę CSS Hero. Więcej szczegółów znajdziesz w naszym przewodniku jak zainstalować wtyczkę WordPress.

Po aktywacji opcja CSS hero zostanie dodana do paska administracyjnego WordPress na górze. Kliknij opcję „Dostosuj za pomocą CSS Hero”.

Spowoduje to uruchomienie wizualnego kreatora CSS Hero, gdzie możesz edytować i dostosowywać swoją stronę.

Aby rozpocząć, po prostu kliknij dowolny element na stronie.

Następnie możesz zmienić kolory tła, dodać obraz tła, użyć innego czcionki, edytować odstępy i wiele więcej z panelu po lewej stronie.

Na przykład przejdźmy do zakładki „Tło” i dodajmy kolor tła z gradientem. Zmienimy również kolor pola, w którym użytkownicy muszą wpisać hasło, oraz kolor przycisku „Wprowadź”.

Oprócz tego możesz dodać obramowanie wokół głównego nagłówka na stronie, przechodząc do zakładki Obramowania.

Po prostu wybierz szerokość obramowania, kolor, styl i wszelkie inne zmiany, które chcesz wprowadzić.

Po zakończeniu dostosowywania pamiętaj, aby kliknąć przycisk „Zapisz i opublikuj” na dole.

Teraz możesz odwiedzić swoją stronę internetową, aby zobaczyć dostosowaną domyślną stronę chronioną hasłem.

Wadą korzystania z CSS Hero jest to, że nie oferuje on elastyczności i zaawansowanych opcji dostosowywania, które oferuje kreator stron docelowych.

Na przykład, nie można dodawać elementów takich jak formularze kontaktowe, przyciski mediów społecznościowych, formularze zapisu ani odliczanie.

Mając to na uwadze, zobaczmy, jak możesz użyć kreatora stron docelowych do dostosowania określonych stron chronionych hasłem w WordPress.

Metoda 2: Dostosuj konkretną stronę chronioną hasłem za pomocą SeedProd

Najłatwiejsze dostosowywanie konkretnej strony chronionej hasłem jest możliwe dzięki SeedProd, najlepszemu kreatorowi stron i witryn dla WordPressa.

Używaliśmy SeedProd do tworzenia niestandardowych stron docelowych, a nawet całych motywów i absolutnie nam się to podoba. Jeśli chcesz dowiedzieć się więcej o tym, co potrafi, zapoznaj się z naszą szczegółową recenzją SeedProd.

Najpierw zainstaluj i aktywuj wtyczkę SeedProd. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem jak zainstalować wtyczkę WordPress.

Po aktywacji zobaczysz ekran powitalny SeedProd w swoim panelu WordPress.

Stąd będziesz musiał wprowadzić klucz licencyjny i kliknąć przycisk „Zweryfikuj klucz”, aby aktywować SeedProd Pro. Twój klucz licencyjny znajduje się w obszarze konta SeedProd.

Następnie przejdź do SeedProd » Strony docelowe z Twojego panelu administracyjnego WordPress i dodaj nową niestandardową stronę docelową chronioną hasłem.

Później w tym artykule pokażemy, jak wybrać, które strony są chronione hasłem. Możesz zabezpieczyć hasłem całą swoją witrynę lub tylko określone strony.

Jako przykład użyjemy strony „Wkrótce”, ale te techniki dostosowywania działają dla wszelkich treści chronionych hasłem na Twojej stronie WordPress.

Aby rozpocząć, po prostu kliknij przycisk „Skonfiguruj stronę wkrótce”.

Na następnym ekranie SeedProd pokaże różne szablony stron, dzięki czemu można je szybko dostosować.

Najedź kursorem na dowolny szablon, którego chcesz użyć, i kliknij pomarańczowy znacznik wyboru.

Po wybraniu szablonu, SeedProd otworzy okno dialogowe zatytułowane „Wprowadź szczegóły swojej nowej strony”.

Musisz tylko wybrać nazwę strony i slug adresu URL, a następnie po prostu kliknąć przycisk „Zapisz i rozpocznij edycję strony”.

Spowoduje to uruchomienie kreatora stron metodą przeciągnij i upuść SeedProd.

Tutaj możesz dostosować swoją stronę docelową chronioną hasłem i dodać różne elementy, takie jak tekst, obrazy, przyciski i inne.

SeedProd oferuje również zaawansowane bloki, takie jak formularz zapisu, formularz kontaktowy, odliczanie, pasek postępu, opcje udostępniania w mediach społecznościowych i inne.

Aby dodać element, przeciągnij dowolny blok z menu po lewej stronie i upuść go na szablon po prawej. Następnie dostosuj element, klikając go i dostosowując pojawiające się opcje.

W ten sposób SeedProd umożliwia dodanie formularza hasła na stronie głównej, aby chronić Twoje treści.

Najpierw możesz dodać blok „Niestandardowy HTML” w kreatorze SeedProd. Po prostu przeciągnij i upuść blok Niestandardowy HTML na szablon.

Następnie możesz kliknąć blok „Niestandardowy HTML”.

Stąd będziesz chciał wprowadzić [seed_bypass_form] krótki kod w polu „Niestandardowy kod”.

Nie zapomnij kliknąć przycisku „Zapisz”, gdy skończysz. I to wszystko!

Teraz SeedProd integruje się również z różnymi usługami marketingu e-mailowego.

Możesz dodać formularz kontaktowy do swojej strony docelowej i połączyć narzędzie do marketingu e-mailowego, aby zbudować swoją listę e-mailową i pozostać w kontakcie z użytkownikami.

Po prostu przejdź do zakładki „Połącz” w kreatorze stron docelowych i wybierz swoją usługę e-mail marketingu.

Konfiguracja ochrony hasłem dla określonych stron w SeedProd

Po utworzeniu niestandardowej strony „wkrótce” przy użyciu skróconego kodu [seed_bypass_form], następnym krokiem jest skonfigurowanie ochrony hasłem dla określonych stron za pomocą SeedProd.

Aby rozpocząć, możesz przejść do zakładki „Ustawienia strony” w kreatorze SeedProd i kliknąć ustawienia „Kontrola dostępu”.

Następnie po prostu wprowadź hasło w polu „Adres URL obejścia”, którego ludzie mogą użyć do uzyskania dostępu do Twojej ograniczonej zawartości.

Pamiętaj, że tekst wprowadzony w polu „Adres URL obejścia” będzie działał jako hasło, a także jako link, którego klienci i członkowie zespołu mogą użyć do obejścia ochrony hasłem i uzyskania dostępu do strony.

SeedProd pozwala wykluczyć określone adresy URL z Twojej witryny, takie jak panel administracyjny, logowanie, panel i konto. Zapewnia to, że właściciele witryn nie zostaną zablokowani ze swoich witryn.

Teraz musisz wybrać, które adresy URL będą chronione hasłem.

Po prostu przewiń w dół do sekcji „Dołącz/Wyklucz adresy URL” w ustawieniach „Kontrola dostępu”. Następnie wybierz opcję „Dołącz adresy URL”, a następnie wprowadź konkretne strony, które chcesz ograniczyć.

Po zakończeniu kliknij przycisk „Zapisz” u góry.

Następnie możesz przejść do ustawień „General” w zakładce „Page Settings” i zmienić status strony z „Draft” na „Publish”.

Po tym możesz zamknąć kreator stron docelowych i przejść do SeedProd » Strony docelowe z panelu administracyjnego WordPress.

Stąd kliknij przełącznik pod „Tryb w budowie”, aby aktywować swoją niestandardową stronę chronioną hasłem.

To wszystko!

Pomyślnie utworzyłeś niestandardową stronę docelową chronioną hasłem, która będzie wyświetlana tylko na określonych stronach w WordPress.

Po prostu odwiedź te strony w swojej witrynie, aby zobaczyć niestandardową stronę chronioną hasłem w akcji.

Dodatkowe wskazówki: Więcej przypadków użycia niestandardowych stron chronionych hasłem

Chcesz poznać więcej sposobów na wykorzystanie ochrony hasłem na swojej witrynie WordPress? Oto 2 wskazówki, jak ulepszyć chronioną hasłem stronę Twojej witryny.

Wskazówka 1: Utwórz niestandardową stronę zabezpieczoną hasłem dla całej witryny

Korzystając z SeedProd, możesz również wyświetlać swoją stronę zabezpieczoną hasłem na każdej stronie Twojej witryny. W ten sposób użytkownicy będą musieli wprowadzić hasło, aby uzyskać dostęp do jakiejkolwiek treści.

Najpierw możesz przejść do SeedProd » Strony docelowe z panelu WordPress. Następnie kliknij przycisk „Edytuj stronę” w panelu „Tryb nadchodzący”.

Następnie przejdź do zakładki „Ustawienia strony” na górze i przejdź do ustawień „Kontrola dostępu”.

Następnie możesz przewinąć w dół do sekcji „Include/Exclude URLs” i wybrać opcję „Show on the Entire Website”.

Po wprowadzeniu zmian kliknij przycisk „Zapisz” u góry. SeedProd wyświetli niestandardową stronę chronioną hasłem na całej Twojej stronie internetowej.

Wskazówka 2: Utwórz niestandardową sekcję chronioną hasłem w WordPress

Możesz również zabezpieczyć hasłem różne sekcje witryny w WordPress dla różnych grup użytkowników. Jest to przydatne, jeśli prowadzisz witrynę członkowską i chcesz kontrolować dostęp do swoich treści, wtyczek, aplikacji i innych plików do pobrania.

Najlepszym sposobem na ograniczenie dostępu do różnych części witryny jest użycie MemberPress, najlepszej wtyczki członkowskiej WordPress. Pozwala ona tworzyć wiele poziomów członkostwa, aby zabezpieczyć Twoje treści hasłem.

Używamy go nawet dla naszej witryny z członkostwem wideo, więc możemy ręczyć za to, jak jest świetny. Więcej informacji o narzędziu znajdziesz w naszej pełnej recenzji MemberPress.

Teraz MemberPress pozwala na ustawienie różnych reguł, dzięki czemu użytkownicy mogą uzyskać dostęp do treści tylko na podstawie poziomu członkostwa. Aby uzyskać więcej szczegółów, zapoznaj się z naszym przewodnikiem na temat tworzenia strony członkowskiej WordPress.

Aby rozpocząć, najpierw musisz dodać członkostwa do swojej strony internetowej. Po prostu przejdź do MemberPress » Członkostwa z panelu WordPress i kliknij przycisk „Dodaj nowe”.

Następnie możesz wprowadzić nazwę dla swojego poziomu członkostwa, dodać opis i ustawić cenę.

Możesz również zmienić typ rozliczenia z jednorazowego na cykliczny, a także edytować członkostwo tak, aby było dożywotnie lub wygasało po określonym czasie. Możesz również zaoferować bezpłatny okres próbny.

Nie zapomnij kliknąć przycisku „Publish”, gdy skończysz.

Następnie możesz przejść do MemberPress » Rules z panelu WordPress i kliknąć przycisk „Add New”.

Stąd możesz kliknąć menu rozwijane pod opcją „Chroniona zawartość”.

MemberPress oferuje wiele opcji ochrony Twoich treści, niezależnie od tego, czy jest to pojedyncza strona, czy wszystkie strony WordPress. W tym samouczku zabezpieczymy hasłem pojedynczą stronę.

Wybierzmy zatem opcję „Jedna strona” z menu rozwijanego i wprowadźmy tytuł strony.

Następnie musisz skonfigurować Warunki dostępu i określić, kto może wyświetlać ograniczoną stronę. MemberPress pozwala chronić treści na podstawie poziomu członkostwa, roli użytkownika WordPress, uprawnień i poszczególnych członków.

W tym samouczku ustawimy „Członkostwo” na „Premium” z menu rozwijanych. W ten sposób tylko członkowie premium będą mogli uzyskać dostęp do strony. Możesz dodać więcej warunków i zezwolić na dostęp do strony większej liczbie poziomów członkostwa.

Po zakończeniu nie zapomnij kliknąć przycisku „Zapisz regułę”.

Następnie możesz odwiedzić swoją stronę internetową, aby zobaczyć chronioną hasłem stronę w akcji. Członkowie będą teraz musieli zalogować się na swoje konta, aby wyświetlić zawartość strony.

Chcesz zrobić więcej? Oto ciekawe przypadki użycia, które możesz zrealizować za pomocą MemberPress:

• Konfiguracja haseł dla Twoich filmów lub oferowanie członkostw grupowych dla zespołów korporacyjnych.
• Tworzenie hasła, aby zapewnić subskrybentom dostęp do płatnego biuletynu i nie tylko.
• Dodanie hasła do formularzy WordPress.

FAQ: Dostosowywanie stron chronionych hasłem w WordPress

Nadal masz pytania dotyczące dostosowywania stron chronionych hasłem w WordPress? Oto kilka często zadawanych pytań – wraz z szybkimi i jasnymi odpowiedziami, które pomogą Ci je rozwiązać.

Jaka jest różnica między stroną chronioną hasłem a stroną prywatną?

Strona chroniona hasłem może być wyświetlana przez każdego, kto zna poprawne hasło. Strona prywatna jest widoczna tylko dla zalogowanych użytkowników Twojej witryny, takich jak Administratorzy i Redaktorzy.

Więcej szczegółów znajdziesz w naszym przewodniku na temat różnicy między postami publicznymi, prywatnymi i chronionymi hasłem.

Czy dostosowywanie strony hasła spowolni moją witrynę?

Jeśli używasz dobrze zakodowanej wtyczki, takiej jak SeedProd, nie powinna ona zauważalnie wpływać na szybkość Twojej witryny. SeedProd jest zoptymalizowany pod kątem wydajności.

Pamiętaj jednak o dodawaniu dużych, niezoptymalizowanych obrazów lub złożonych skryptów, które mogą wpłynąć na czas ładowania. Zawsze stosuj najlepsze praktyki dotyczące optymalizacji obrazów dla sieci.

Czy wyszukiwarki mogą indeksować moje treści chronione hasłem?

Nie, roboty wyszukiwarek nie mogą wprowadzić hasła, aby uzyskać dostęp do Twoich treści. Oznacza to, że wszystko za formularzem hasła nie zostanie zaindeksowane ani nie pojawi się w wynikach wyszukiwania.

Czy mogę używać tego samego hasła do wielu stron?

Tak, możesz użyć tego samego hasła dla kilku różnych stron w WordPress. Jednak dla lepszego bezpieczeństwa i zarządzania, wtyczka taka jak MemberPress jest znacznie lepszym rozwiązaniem do kontrolowania dostępu do różnych grup treści.

Dodatkowe przewodniki dotyczące ochrony treści i bezpieczeństwa witryny

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dostosować stronę zabezpieczoną hasłem w WordPress. Jeśli chcesz poznać więcej sposobów zabezpieczania swojej witryny, te przewodniki mogą być pomocne:

• Jak ukryć posty chronione hasłem z pętli WordPress
• Jak wyświetlić fragment posta chronionego hasłem w WordPress
• Sposoby ochrony treści w WordPress
• Jak utworzyć tymczasowe logowanie do WordPressa
• Jak dodać pytania zabezpieczające do ekranu logowania WordPress
• Jak utworzyć paywall w WordPress (z opcjami podglądu)
• Najlepsze wtyczki do ochrony treści WordPress
• Ostateczny przewodnik po bezpieczeństwie 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.