Vrei să știi cum să creezi o pagină de conectare cu Elementor ?

În WordPress, puteți merge pe yourdomain.com/wp-login.php pentru a accesa pagina de autentificare a site-ului dvs. Dacă aveți un site web mare cu mai mulți autori / utilizatori, vă recomandăm să creați o pagină de autentificare personalizată cu design propriu pentru a vă consolida identitatea de branding a site-ului web.

cu Elementor, puteți crea o pagină de conectare personalizată pentru site-ul dvs. WordPress fără efort - fără a codifica sau a instala pluginuri suplimentare.

Elementor are un widget – widgetul Login – pe care îl puteți utiliza pentru a crea o pagină de conectare personalizată. Elementor oferă chiar șabloane de pagini de conectare, astfel încât să puteți crea o pagină de autentificare în cel mai scurt timp.

Cum să creați o pagină de autentificare WordPress personalizată cu Elementor

Vă rugăm să rețineți că widget-ul Login este disponibil numai pe Elementor Pro. Deci, înainte de a putea crea o pagină de conectare personalizată, trebuie să faceți upgrade Elementor la versiunea pro.

1. Cum se creează o pagină de conectare dintr-un șablon

Așa cum am menționat mai sus, Elementor vă oferă șabloane pentru ca dvs. să aveți o pagină de conectare personalizată funcțională în cel mai scurt timp. Pentru a utiliza una, începeți prin crearea unei noi pagini (Pagini -> Adăugare) Și modificați-l cu Elementor.

În editorul Elementor, faceți clic pe pictograma folderului pentru a deschide biblioteca de modele.

Căutați un șablon de pagină de conectare personalizat. Puteți utiliza caseta de căutare pentru a vă facilita munca. Odată ce ați găsit modelul care vă place, plasați mouse-ul peste el și faceți clic pe buton INTRODUCE.

Așteptați un moment până când Elementor a terminat încărcarea modelului. Odată ce modelul este încărcat, puteți face clic pe publica să-l public.

Acolo.

Pentru a vizualiza pagina, puteți face clic pe pictograma cu trei linii din colțul superior al panoului din stânga și selectați Afișați pagina.

Și iată rezultatul final dacă ați ales același model ca și noi.

Cum se creează o pagină de conectare cu Elementor

2. Cum se creează o pagină de autentificare personalizată de la zero

Dacă doriți să aveți propriul design de pagină de conectare, puteți crea și pagina personalizată de autentificare de la zero. Pentru a începe, creați o pagină nouă și editați-o cu Elementor.

În editorul Elementor, adăugați o nouă secțiune făcând clic pe pictograma plus. Puteți selecta o structură de coloană pe baza designului pe care doriți să îl creați.

Odată ce secțiunea dvs. este gata, adăugați widgetul Conexiune trăgându-l din panoul din stânga în zona pânzei.

Cum se creează o pagină de conectare cu Elementor

Accesați fila Conținut din panoul din stânga pentru a seta opțiunile de bază. Există 3 blocuri de opțiuni pe care le puteți manipula:

1. Câmpuri de formular

Puteți deschide acest bloc pentru a activa / dezactiva eticheta și pentru a seta dimensiunea de intrare.

2. Buton

Puteți deschide acest bloc pentru a seta textul butonului, dimensiunea butonului și alinierea butonului.

3. Opțiuni suplimentare

Puteți deschide acest bloc pentru a activa / dezactiva elemente din pagina dvs. de conectare, cum ar fi linkul Mparola pierdută și opțiunea Amintește-ți de mine. Deoarece doriți să creați o pagină de conectare, activa opțiunea Redirecționare după autentificare și lipiți adresa URL a tabloului de bord WordPress (domeniul tău.com/wp-admin) pe câmpul disponibil. De asemenea, puteți activa opțiunea Redirecționare după deconectare dacă vrei.

Puteți activa opțiunea Etichetă personalizată dacă doriți să utilizați etichete personalizate și substituenți personalizați pe dvs formă conexiune.

Odata ce definiție opțiuni de bază finalizate, accesați fila Stil pentru a personaliza formă conexiune. Există 5 blocuri de opțiuni de stil disponibile:

1. Formular

Puteți deschide acest bloc pentru a defini spațiul dintre linii, culoarea legăturilor și culoarea indicării legăturilor.

2. Eticheta

Puteți vedea acest bloc numai dacă activați eticheta de formă. Puteți deschide acest bloc pentru a seta distanța dintre etichetele formularelor, culoarea textului și tipografie (familia de fonturi, dimensiunea fontului, stilul fontului etc.).

3. Câmpuri

Puteți deschide acest bloc pentru a defini culoarea câmpurilor de text, tipografia (familia fontului, dimensiunea fontului, stilul fontului etc.), fundalul controlului, culoarea chenarului controlului, lățimea chenarului a câmpului și raza marginii câmpului.

4. Buton

Puteți deschide acest bloc pentru a personaliza butonul de conectare. Puteți seta lucruri precum culoarea textului butonului, culoarea textului, tipografia, culoarea fundalului butonului, raza chenarului și umplerea textului butonului.

5. Mesaj conectat

Puteți deschide acest bloc pentru a personaliza mesajul după ce utilizatorii dvs. s-au conectat. Iată mesajul:

Puteți seta culoarea textului și tipografia mesajului.

După ce ați terminat stilizarea widgetului de conectare, puteți personaliza alte widget-uri de pe pagina dvs. După ce editarea paginii este completă, publicați / actualizați pagina și ați creat cu succes pagina de conectare personalizată.

Citiți și: Cum se exportă și se importă modele Elementor

Un lucru crucial de remarcat. După crearea paginii de autentificare personalizate, nu ștergeți fișierul wp-login.php pe site-ul dvs. WordPress. Site-ul dvs. WordPress are încă nevoie de acest fișier pentru a gestiona procesul de conectare.

Obțineți Elementor Pro acum!

Concluzie

Aici ! Asta este pentru acest articol care vă arată cum să creați o pagină de conectare cu Elementor. Dacă aveți nelămuriri cu privire la modul de a ajunge acolo fanunțați-ne în comentarii.

Cu toate acestea, puteți consulta și resursele noastre, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.

Dar între timp, împărtășește acest articol pe diferitele rețele de socializare.

...