Przejdź do głównej treści

Jak utworzyć stronę logowania za pomocą Elementora

Divi: najłatwiejszy w użyciu motyw WordPress

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

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

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.

Dzięki Elementorowi możesz bez wysiłku utworzyć niestandardową stronę logowania do swojej witryny WordPress - bez kodowania lub instalowania dodatkowych wtyczek.

Elementor zawiera widżet — widżet logowania — którego można użyć do utworzenia niestandardowej strony logowania. Elementor oferuje nawet szablony stron logowania, dzięki czemu możesz błyskawicznie uruchomić 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ę.

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 901.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

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 w formularzu logowania.

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

Po ustawieniu podstawowych opcji przejdź do zakładka Styl aby dostosować formularz logowania. 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ę formularza. Możesz otworzyć ten blok, aby ustawić odstępy między etykietami formularzy, kolorem tekstu i typografią (rodzina czcionek, 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

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

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.

...

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry
0 akcji
udział
ćwierkanie
Enregistrer