Cum se creează o pagină de conectare WordPress personalizată

Publicat: 2024-01-18

Doriți să creați o pagină de autentificare WordPress personalizată? Dacă da, vei primi răspunsul tău aici!

Pagina implicită de autentificare WordPress vorbește mai puțin pentru identitatea mărcii dvs. Crearea unei pagini de conectare personalizată îmbunătățește recunoașterea mărcii și sporește securitatea site-ului, rezultând o experiență de utilizator fără întreruperi.

Din fericire, acest proces nu este atât de complex pe cât pare.

În acest articol, vă vom arăta cum să creați cu ușurință o pagină de autentificare WordPress personalizată cu LoginPress în cel mai scurt timp.

Cuprins

Comutare

Ce este o pagină de conectare WordPress?

Pagina de conectare WordPress servește ca o poartă de acces pentru un site. Utilizatorul trebuie doar să introducă e-mail și parolă și sunt în.

Pagina implicită de autentificare WordPress este aceeași pentru aproape fiecare site. Are:

  • Fundal gri
  • Logo WordPress
  • Formular simplu de conectare

Cam asa arata:

De ce aveți nevoie de o pagină de conectare WordPress personalizată?

Iată câteva dintre cele mai importante motive pentru care ați putea dori să creați o pagină de conectare personalizată:

  • Branding: o pagină de autentificare personalizată vă permite să mențineți o identitate de marcă consecventă cu un logo personalizat, o schemă de culori etc.
  • Securitate: Puteți lua măsuri de securitate pentru a spori securitatea WordPress pentru a se proteja împotriva atacurilor de forță brută.
  • Experiența utilizatorului: o pagină de conectare personalizată creează o interfață mai ușor de utilizat.
  • Funcționalitate: puteți îmbunătăți funcționalitatea generală a paginii de conectare prin integrarea unor funcții suplimentare, de exemplu, opțiuni de conectare la rețele sociale, mesaje personalizate de bun venit și de eroare și multe altele.
  • Diferențiere: o pagină de autentificare personalizată vă ajută să vă diferențiați site-ul WordPress de altele folosind paginile de conectare implicite WordPress.

Iată cum arată o pagină personalizată de autentificare WordPress:

Cum se creează o pagină de conectare WordPress personalizată folosind LoginPress

Puteți crea cu ușurință o pagină de autentificare WordPress personalizată, adică manual sau folosind un plugin.

Munca manuală necesită codare, ceea ce este mult mai complicat. Cu toate acestea, este destul de simplu să o faci printr-un plugin WordPress.

Există mai multe pluginuri de personalizare a paginii de conectare WordPress disponibile gratuit și premium. Aici, vă vom arăta cum să o faceți cu LoginPress cu ușurință.

LoginPress este cel mai bun plugin de personalizare a paginii de autentificare WordPress care simplifică procesul de creare a unei pagini de autentificare WordPress personalizată. Oferă diverse opțiuni de proiectare fără a fi nevoie de abilități de codare.

Cea mai bună parte este că totul se face direct din tabloul de bord de administrare WordPress.

Pasul 1: Instalați și activați LoginPress

Pentru a crea o pagină de conectare personalizată cu LoginPress, trebuie mai întâi să instalați și să activați LoginPress pe site-ul dvs. WordPress.

În acest scop, accesați bara laterală din stânga a tabloului de bord WordPress > navigați la Plugin-uri > Adăugați nou .

Pe ecranul următor, căutați LoginPress în bara de căutare > găsiți pluginul din rezultatele căutării > faceți clic pe butonul Instalați acum și apoi Activați .

Vezi imaginea de mai jos.

Pasul 2: Începeți să vă personalizați pagina de conectare WordPress

Acum, sunteți gata să vă personalizați pagina de autentificare WordPress. Să începem!

1. Tema paginii de conectare personalizabilă

LoginPress oferă teme frumoase pentru pagina de autentificare WordPress implicită. Îl poți selecta pe cel care se potrivește cel mai bine cu gustul tău.

Notă: puteți debloca cu ușurință alte teme minunate pentru site-ul dvs. cu LoginPress Pro.

Vezi imaginea de mai jos:

2. Sigla personalizată a paginii de conectare

LoginPress vă permite să glisați sigla implicită a paginii de conectare WordPress. Vă ajută să adăugați o notă personală paginii dvs. de conectare.

După adăugarea unui logo, îi puteți aduce modificări în ceea ce privește:

  • Imagine de siglă
  • Lățimea logoului
  • Înălțimea logoului
  • Spațiu de jos

… și altele.

3. Culoare de fundal personalizată / Imagine / Video

Fie că este o imagine captivantă, o schemă de culori uni sau un videoclip dinamic, LoginPress se asigură că fundalul îmbunătățește estetica mărcii dvs.

4. Personalizați formularul de conectare

LoginPress vă permite să ajustați formularul de conectare în funcție de specificațiile dvs. Acest lucru îl face mai ușor de utilizat și menține coerența vizuală cu stilul mărcii dvs.

Vezi imaginea de mai jos:

5. Butoane personalizate de conectare

LoginPress vă permite să creați butoane de conectare elegante și atrăgătoare, care provoacă acțiuni și se îmbină perfect cu designul general.

Puteți adăuga cu ușurință:

  • Culoarea butonului
  • Culoarea chenarului butonului
  • Culoarea butonului (Hover)
  • Culoarea marginii butonului (Hover)
  • Dimensiune buton
  • Textul de jos

… și ce altceva.

Vezi imaginea de mai jos:

6. Mesaje personalizate de eroare și de bun venit

LoginPress vă permite să creați mesaje personalizate de eroare și de bun venit pentru utilizatori.

Mesajele de eroare acoperă o gamă largă de acțiuni pentru pagina de autentificare WordPress implicită, cum ar fi:

  • Mesaj cu nume de utilizator incorect
  • Mesaj de parolă incorect
  • Mesaj gol pentru numele de utilizator
  • Mesaj de parolă gol

Pe lângă aceasta, mesajele personalizate de bun venit vă permit să salutați utilizatorii în formularele de autentificare, înregistrare și uitare.

Vezi imaginea de mai jos:

7. Subsol de formular personalizat

Fără îndoială, un subsol de formular personalizat poate completa formularul de conectare. Vă ajută să oferiți informații suplimentare sau să vă consolidați mesajul mărcii.

Aici apare din nou LoginPress pentru a schimba zona de subsol a formularului de autentificare și, de asemenea, pentru a adăuga note de copyright la pagina de autentificare implicită WordPress.

Vezi imaginea de mai jos:

8. Fonturi Google personalizate

Puteți selecta cu ușurință fonturi Google alese cu ajutorul LoginPress Pro, care rezonează cu marca dvs.

9. CSS/JS personalizat

LoginPress oferă o caracteristică CSS/JS personalizată pentru a vă ajuta să reglați elementele vizuale exact așa cum doriți pentru pagina de conectare care lipsește ca funcționalitate de bază a pluginului.

10. Mai multe caracteristici

În afară de personalizarea aspectului general al paginii de autentificare WordPress implicită, puteți modifica cu ușurință comportamentul implicit al paginii de autentificare WordPress implicită folosind o mare varietate de Funcții LoginPress.

De exemplu, puteți:

  • Forțați resetarea parolei: pluginul vă permite să forțați resetarea parolei pentru utilizatori după durata stabilită.
  • Expirarea sesiunii: puteți crea o oră personalizată pentru expirarea sesiunii, adică 10 minute.
  • Amintiți-mă automat: Această funcție vă ajută să păstrați opțiunea implicită Remember Me WordPress întotdeauna bifată pentru formularul de conectare.
  • Câmpuri de parolă personalizate: Adăugați câmpuri de parolă personalizate la formularul implicit de înregistrare WordPress.
  • Ordine de conectare: Cu LoginPress, puteți modifica ordinea implicită de conectare WordPress, adică Nume de utilizator și adresă de e-mail, Numai numele de utilizator sau Doar adresa de e-mail.
  • Conformitate PCI: Acum puteți face pagina de autentificare conformă PCI cu LoginPress cu un singur clic.

Pe lângă aceasta, puteți debloca suplimente utile cu LoginPress Pro pentru a obține alte funcții interesante pentru pagina dvs. de conectare, cum ar fi:

  • Meniu de autentificare/deconectare: Acest supliment gratuit vă permite să creați un meniu de autentificare/deconectare pentru site-ul dvs.
  • Redirecționări de autentificare: Puteți utiliza acest supliment Pro pentru a redirecționa utilizatorii către pagina dorită a site-ului dvs. la conectare/deconectare.
  • Conectare socială: Add-onul LoginPress Pro Social Login vă permite să adăugați pe site-ul dvs. autentificare socială, adică Facebook, Twitter, Google și LinkedIn.
  • Widget de conectare: puteți adăuga cu ușurință un widget de conectare în bara laterală a site-ului dvs. WordPress pentru a adăuga o autentificare suplimentară la site-ul dvs.
  • Limitați încercările de conectare: acest program de completare vă permite să limitați încercările de conectare pentru site-ul dvs. Cel mai bine ajută împotriva atacurilor cibernetice.
  • Conectare automată: Suplimentul LoginPress Pro pentru conectare automată vă permite să creați o legătură magică pe care utilizatorii o pot folosi pentru a accesa site-ul dvs. fără a avea nevoie de niciun nume de utilizator și parolă.
  • Ascunde autentificare: Acest supliment vă permite să schimbați adresa URL implicită de conectare, adică /wp-login.php, și să o faceți ceva pe care numai dvs. știți. Este cea mai bună modalitate de a ascunde adresa URL de conectare de infractorii cibernetici.

Concluzie

Crearea unei pagini de autentificare WordPress personalizată vă îmbogățește prezența mărcii și îmbunătățește experiența utilizatorului.

Urmând pașii de mai sus, puteți controla complet pagina de autentificare WordPress implicită. Nu ratați această oportunitate de a lăsa o impresie de durată vizitatorilor dvs. În plus, stabilește o identitate vizuală consistentă pentru marca ta.

Asta e tot pentru acest articol!

Cât de departe v-am ajutat să creați o pagină de autentificare WordPress personalizată? Anunțați-ne lăsând un comentariu în secțiunea de comentarii de mai jos.

Despre autor

Muhammad Adnan este fondatorul WPBrigade, o companie de design și dezvoltare web WordPress. A înființat WPBrigade cu o specializare în dezvoltarea WordPress, oferind soluții personalizate pentru a satisface cerințele specifice ale clienților.