Jak wyświetlić formularz logowania tylko dla niezalogowanych użytkowników?
Opcje warunków Divi pozwalają na pełną kontrolę nad zawartością witryny, jak nigdy dotąd. Częścią tej kontroli jest pozbawianie witryny zawartości, która nie dotyczy wszystkich użytkowników. Takich jak formularz logowania. Wiele razy witryny będą miały formularz logowania, który zajmuje cenną nieruchomość na pasku bocznym lub nagłówku (lub nawet na całą stronę). Dzięki opcjom warunków Divi możesz ustawić formularz logowania dla całej witryny, który jest dostępny tylko dla niezalogowanych użytkowników, podczas gdy zalogowani użytkownicy mają mniej zagracone środowisko. Zobaczmy, jak możesz to zrobić.
Jak dodać formularz wyświetlania dla niezalogowanych użytkowników
W tym samouczku będziemy pracować przy założeniu, że masz istniejącą witrynę, w której korzystasz z formularza logowania. Lub zamierzasz w jakiś sposób skorzystać z formularza logowania. Jeśli tego nie zrobisz, możesz łatwo śledzić, korzystając z dowolnego z naszych gotowych pakietów układów w Divi Builder, wybierając opcję Użyj gotowego układu podczas otwierania kreatora po raz pierwszy. Możesz również dodać układ, wybierając fioletową ikonę + w dolnym menu i wybierając jeden pod Premade Layouts
Przejdź do kreatora motywów
Po skonfigurowaniu i przygotowaniu witryny przejdź do kreatora motywów Divi. Łatwo go znaleźć. Zaloguj się do pulpitu administracyjnego WordPress (co to jest wordpress) i przewiń w dół, aż zobaczysz Divi – Theme Builder .
Aby wyświetlić formularz logowania dla niezalogowanych użytkowników, dodamy go do globalnego nagłówka, aby znakomita większość witryny zawierała logikę formularza, z wyjątkiem określonych przypadków, w których używasz innego nagłówka. (Zawsze jednak możesz skopiować formularz logowania do tych nagłówków).
Edytuj globalny nagłówek
Aby rozpocząć, kliknij dwukrotnie Global Header w domyślnym szablonie strony lub kliknij Ed go przycisku.
Dodaj formularz logowania
Następnie znajdź miejsce, w którym ma pojawić się formularz logowania. W tym przykładzie dodamy go do drugiej kolumny nagłówka. Kliknij ikonę czarnego + i wybierz moduł logowania z wyświetlonego okna rozwijanego. Więcej o stronach na wordpress znajdziesz na stronie http://www.studiobori.pl/.
Forma loginu
Dodaje to do witryny niestylowany formularz logowania i będziesz musiał poświęcić trochę czasu, aby dopasować go do aktualnie używanego nagłówka.
Stylizuj formularz logowania
Nawet jeśli jest to coś tak prostego, jak zmiana koloru tła w celu dopasowania do projektu strony, ważne jest, aby formularz logowania przyciągał wzrok.
Użyliśmy #F87223 jako koloru dla tego, aby dopasować inne elementy w pakiecie układu pizzerii .
Forma loginu
Nawet ta prosta zmiana lepiej to wpasowuje. Jeśli jesteś na jednolitym tle, użycie przezroczystego tła, aby pokazać tylko pola i przycisk, jest również prostym wyborem, który pasuje do wszystkiego.
Otwórz opcje warunku modułu logowania
Aby wyświetlić formularz logowania tylko niezalogowanym użytkownikom, będziesz korzystać z opcji warunku Divi. Jeśli ich nie znasz, możesz je znaleźć na karcie Zaawansowane dla dowolnej sekcji , wiersza lub modułu . Dodatkowo możesz również znaleźć opcje warunków dla poszczególnych kolumn w wierszach.
Oznacza to, że chociaż zamierzamy dodawać logikę do samego modułu logowania, możesz wybrać, który element Twojej witryny będzie najlepiej wyświetlał się tylko niezalogowanym użytkownikom. Jeśli chcesz, aby kolumna zawierająca formularz logowania była taka, jaka się pojawiła, po prostu postępuj zgodnie z poniższymi krokami w ustawieniach tego elementu, a nie w samym module logowania.
Teraz, aby dodać logikę warunkową, wprowadź ustawienia modułu logowania i przejdź do zakładki Zaawansowane, jak wspomnieliśmy powyżej. Znajdź obszar Warunki , rozwiń go i kliknij szarą ikonę + z napisem Dodaj warunek .
Dodaj nowy warunek
Kliknięcie przycisku Dodaj warunek otworzy ogromną listę wszystkich dostępnych opcji logiki warunkowej. W tym samouczku użyjemy jednego warunku, ale możesz użyć wielu warunków dla tego samego elementu, tworząc zaawansowaną logikę, dzięki której możesz naprawdę dostosować swoją witrynę do potrzeb użytkowników.
Przewiń listę, aż znajdziesz podsekcję Użytkownik . Wybierz stan zalogowania jako stan.
stan zalogowania
Następnie wybierz opcję Użytkownik jest wylogowany w obszarze Warunki wyświetlania . Będziesz także chciał się upewnić, że przełącznik Włącz warunek jest włączony. Jeśli w dowolnym momencie będziesz musiał wyłączyć ten konkretny warunek, możesz wejść tutaj i po prostu go wyłączyć do lepszego czasu.
warunki logowania
Po zapisaniu warunku powinieneś zobaczyć go na liście w obszarze Zaawansowane . Ponadto, gdy najedziesz kursorem na dowolny warunek, pojawią się określone przez Ciebie kryteria. Zobaczysz również zieloną kropkę, która wskazuje, czy warunek jest włączony, czy wyłączony.
warunki logowania
I to wszystko! To wszystko! Gdy użytkownik ładuje stronę, która używa tego konkretnego szablonu lub układu (w tym przypadku globalnego nagłówka), każdy niezalogowany użytkownik zobaczy formularz w wyznaczonym miejscu. W przeciwnym razie użytkownik nie zobaczy niczego poza treścią, którą zamierzasz.
Podsumowanie, jak wyświetlić formularz logowania
Bez względu na powód, dla którego możesz potrzebować ukrytego formularza logowania przed zalogowanymi użytkownikami, opcje warunku Divi pozwalają to zrobić bez większego zamieszania. Po prostu wybierz, gdzie chcesz, aby wylogowani lub niezarejestrowani użytkownicy widzieli formularz i użyj logiki warunkowej wbudowanej w Divi, aby wyświetlić formularz logowania tylko tym odwiedzającym. Chociaż w tym samouczku użyto globalnego nagłówka jako lokalizacji, ponieważ to właśnie zobaczy większość odwiedzających Twoją witrynę, możesz to zrobić w dowolnym miejscu na swojej stronie, do którego możesz dodać moduł logowania Divi.
