Czy chcesz wiedzieć, jak utworzyć stronę logowania za pomocą Elementor ?

W WordPressie możesz iść na twojadomena.com/wp-login.php aby przejść do strony logowania do Twojej witryny. Jeśli masz dużą witrynę internetową z wieloma autorami / użytkownikami, możesz utworzyć niestandardową stronę logowania z własnym projektem, aby wzmocnić tożsamość marki witryny.

z Elementor, możesz bez wysiłku utworzyć niestandardową stronę logowania do swojej witryny WordPress – bez kodowania lub instalowania dodatkowych wtyczek.

Elementor posiada widżet – widżet logowania – za pomocą którego możesz utworzyć niestandardową stronę logowania. Elementor oferuje nawet szablony stron logowania, dzięki czemu możesz błyskawicznie utworzyć stronę logowania.

Jak stworzyć niestandardową stronę logowania WordPress za pomocą Elementora

Pamiętaj, że widżet logowania jest dostępny tylko w Elementor Pro. Tak więc, zanim będziesz mógł utworzyć niestandardową stronę logowania, musisz zaktualizować Elementora do wersji pro.

1. Jak stworzyć stronę logowania z szablonu?

Jak wspomniano wcześniej, Elementor oferuje szablony umożliwiające błyskawiczne utworzenie spersonalizowanej strony logowania. Aby z niej skorzystać, zacznij od utworzenia nowej strony (Strony -> Dodaj) I zmodyfikuj go za pomocą Elementora.

W edytorze Elementor kliknij ikonę folderu, aby otworzyć bibliotekę modeli.

Poszukaj niestandardowego szablonu strony logowania. Możesz użyć pola wyszukiwania, aby ułatwić sobie pracę. Gdy znajdziesz model, który Ci się podoba, najedź na niego myszą i kliknij przycisk WSTAWIĆ.

Poczekaj chwilę, aż Elementor zakończy ładowanie modelu. Po załadowaniu modelu możesz kliknąć opublikować opublikować go.

Nie.

Aby wyświetlić stronę, możesz kliknąć ikonę trzech linii w górnym rogu lewego panelu i wybrać Pokaż stronę.

A oto efekt końcowy, jeśli wybierzesz ten sam model co my.

Jak utworzyć stronę logowania za pomocą Elementora

2. Jak stworzyć niestandardową stronę logowania od podstaw?

Jeśli chcesz mieć własny projekt strony logowania, możesz również utworzyć od podstaw własną niestandardową stronę logowania. Aby rozpocząć, utwórz nową stronę i edytuj ją za pomocą Elementora.

W edytorze Elementor dodaj nową sekcję, klikając ikonę plusa. Możesz wybrać strukturę kolumn na podstawie projektu, który chcesz utworzyć.

Gdy sekcja będzie gotowa, dodaj widżet Połączenie, przeciągając go z lewego panelu do obszaru kanwy.

Jak utworzyć stronę logowania za pomocą Elementora

Przejdź do zakładki Treść na lewym panelu, aby ustawić podstawowe opcje. Istnieją 3 bloki opcji, którymi można manipulować:

1. Pola formularza

Możesz otworzyć ten blok, aby włączyć / wyłączyć tag i ustawić rozmiar wejściowy.

2. Przycisk

Możesz otworzyć ten blok, aby ustawić tekst przycisku, rozmiar przycisku i wyrównanie przycisku.

3. Dodatkowe opcje

Możesz otworzyć ten blok, aby włączyć / wyłączyć elementy strony logowania, takie jak link Mzgubiłem hasło i opcja Zapamiętaj mnie. Ponieważ chcesz stworzyć stronę logowania, aktywować opcja Przekieruj po zalogowaniu i wklej adres URL pulpitu WordPress (twojadomena.com/wp-admin) w dostępnym polu. Możesz również aktywować opcję Przekieruj po wylogowaniu jeśli chcesz.

Możesz aktywować opcję Niestandardowa etykieta jeśli chcesz używać niestandardowych etykiet i niestandardowych symboli zastępczych na swoim forma połączenie.

Kiedyś définition ukończono podstawowe opcje, przejdź do zakładka Styl aby spersonalizować forma połączenie. Dostępnych jest 5 bloków opcji stylu:

1. Forma

Możesz otworzyć ten blok, aby zdefiniować odstęp między liniami, kolor łączy i kolor wskazywania łączy.

2. Etykieta

Możesz zobaczyć ten blok tylko wtedy, gdy aktywujesz etykietę forma. Możesz otworzyć ten blok, aby ustawić odstępy pomiędzy etykietami formularzy, kolorem tekstu i typografią (rodzina czcionki, rozmiar czcionki, styl czcionki itp.).

3. Pola

Możesz otworzyć ten blok, aby zdefiniować kolor pól tekstowych, typografię (rodzina czcionek, rozmiar czcionki, styl czcionki itp.), tło kontrolki, kolor obramowania kontrolki, szerokość obramowania pola i promień granicy pola.

4. Przycisk

Możesz otworzyć ten blok, aby dostosować przycisk logowania. Możesz ustawić takie rzeczy, jak kolor tekstu przycisku, kolor tekstu najechania kursorem, typografia, kolor tła przycisku, promień obramowania i wypełnienie tekstu przycisku.

5. Zalogowana wiadomość

Możesz otworzyć ten blok, aby dostosować wiadomość po zalogowaniu się użytkowników. Oto wiadomość:

Możesz ustawić kolor tekstu i typografię wiadomości.

Po zakończeniu stylizowania widżetu logowania możesz dostosować inne widżety na swojej stronie. Po zakończeniu edycji strony opublikuj / zaktualizuj swoją stronę i pomyślnie utworzyłeś niestandardową stronę logowania.

Czytaj także: Jak eksportować i importować modele Elementora

Jedna ważna rzecz do zapamiętania. Po utworzeniu niestandardowej strony logowania nie usuwaj pliku wp-login.php na swojej stronie WordPress. Twoja witryna WordPress nadal potrzebuje tego pliku do obsługi procesu logowania.

Pobierz Elementor Pro teraz!

Wnioski

Tutaj jest ! To wszystko w tym artykule, który pokazuje, jak utworzyć stronę logowania za pomocą Elementora. Jeśli masz jakiekolwiek wątpliwości, jak się tam dostać fdaj nam znać w commentaires.

Możesz jednak również skonsultować się nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.

Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.

...