Cum să creați o pagină personalizată de autentificare WordPress (Ghidul suprem 2025)

O pagină generică de autentificare WordPress poate părea nepotrivită — mai ales dacă aveți un site de membri, un curs online sau orice site unde utilizatorii se autentifică în mod regulat.

Adesea este prima impresie pe care o au oamenii după ce se înregistrează, iar dacă arată simplu sau deconectat de restul site-ului dvs., poate submina încrederea sau poate face experiența să pară dezordonată.

Personalizarea paginii de autentificare este o modalitate simplă, dar puternică, de a consolida brandul dvs., de a crea o experiență profesională pentru utilizator și chiar de a adăuga securitate suplimentară.

Am văzut acest lucru direct când am lansat trainingul nostru gratuit de video WordPress la WPBeginner. O pagină de autentificare personalizată a făcut ca totul să pară mai coerent și a oferit utilizatorilor noștri o experiență mai bună încă de la început.

În acest ghid, vă vom arăta cum să creați propria pagină personalizată de autentificare WordPress. Veți învăța atât metode prietenoase pentru începători, cât și metode avansate, astfel încât să puteți alege abordarea potrivită pentru site-ul dvs.

Iată ce veți învăța din acest ghid:

• De ce să creați o pagină de autentificare WordPress personalizată?
• Exemple de design pentru pagina de autentificare WordPress
• Crearea unei pagini de conectare WordPress folosind Theme My Login (Gratuit)
• Crearea unei pagini de conectare WordPress personalizate folosind WPForms
• Crearea unei pagini de autentificare WordPress personalizate folosind SeedProd (Recomandat)
• Schimbați logo-ul și URL-ul de autentificare WordPress
• Dezactivarea selectorului de limbă al paginii de autentificare WordPress

De ce să creați o pagină de autentificare WordPress personalizată?

Site-ul dvs. WordPress vine cu un sistem puternic de gestionare a utilizatorilor. Acesta permite utilizatorilor să creeze conturi în magazine eCommerce, site-uri de membri și bloguri.

În mod implicit, pagina de autentificare afișează marca și logo-ul WordPress. Acest lucru este în regulă dacă sunteți singura persoană cu acces de administrator sau aveți foarte puțini utilizatori.

Cu toate acestea, dacă site-ul dvs. web permite utilizatorilor să se înregistreze și să se conecteze, atunci o pagină de conectare personalizată oferă o experiență mai bună utilizatorului.

Unii utilizatori ar putea fi suspicioși dacă ecranul de autentificare WordPress nu seamănă deloc cu site-ul dvs. web. Se vor simți probabil mai confortabil dacă folosiți logo-ul și designul afacerii dvs.

În cele din urmă, ecranul de autentificare implicit nu conține nimic altceva decât formularul de autentificare. Creând o pagină de autentificare personalizată, puteți folosi spațiul pentru a promova alte pagini sau oferte speciale.

De aceea folosim o pagină de autentificare personalizată pentru toate site-urile noastre unde utilizatorii trebuie să interacționeze cu un formular de autentificare.

De exemplu, iată pagina de autentificare personalizată pe care o folosim pentru site-ul de videoclipuri de instruire WPBeginner.

Acestea fiind spuse, să analizăm câteva exemple mai multe de designuri personalizate pentru pagina de autentificare WordPress.

Exemple de design pentru pagina de autentificare WordPress

Proprietarii de site-uri web pot personaliza pagina de autentificare WordPress folosind diferite stiluri și tehnici.

Unii creează o pagină de autentificare personalizată care folosește tema și culorile site-ului lor web. Alții modifică pagina de autentificare implicită adăugând un fundal personalizat, culori și logo.

Iată câteva exemple despre ce este posibil.

WPForms

WPForms este cel mai bun plugin pentru formulare de contact WordPress de pe piață. Pluginul lor include, de asemenea, un add-on pentru a crea formulare frumoase de autentificare și înregistrare WordPress, pe care vi le vom arăta mai târziu în acest articol.

Pagina lor de conectare personalizată folosește un aspect pe două coloane. Coloana din stânga conține formularul de conectare, iar coloana din dreapta evidențiază promoții și alte apeluri la acțiune.

Pagina lor de autentificare prezentată mai sus informează utilizatorii despre noile funcționalități. Folosește branding personalizat, ilustrație de fundal și culori de marcă pentru a crea o experiență de autentificare unică.

Jacquelynne Steves

Jacquelynne Steeves este un site web de arte și meșteșuguri unde autoarea publică conținut despre decorarea caselor, confecționarea plapumelor, modele, broderie și multe altele.

Pagina lor de autentificare folosește o imagine de fundal personalizată care se potrivește cu tema site-ului lor, iar formularul de autentificare este în dreapta.

Grafică de mișcare pentru biserică

Pagina de autentificare a acestei companii de design de grafică în mișcare are un fundal colorat care reflectă afacerea sa.

Folosește același antet, subsol și meniuri de navigare ale site-ului pe ecranul de autentificare. Formularul de autentificare în sine este destul de simplu, cu un fundal deschis.

MITSloan Management Review

MITSloan Management Review folosește un modal pop-up pentru a afișa un formular de autentificare și înregistrare.

Avantajul unui pop-up este că utilizatorii se pot autentifica fără a părăsi pagina. Îi scutește de o nouă încărcare a paginii și oferă o experiență utilizator mai rapidă.

Acum, sunteți gata să învățați cum să creați o pagină de autentificare personalizată în WordPress?

Crearea unei pagini de conectare WordPress folosind Theme My Login (Gratuit)

Theme My Login este un plugin gratuit care vă schimbă pagina de autentificare pentru a se potrivi cu tema dvs. WordPress. Nu este foarte personalizabil, dar va înlocui pagina implicită de autentificare marca WordPress și o va face să arate mai profesional.

Primul lucru pe care trebuie să îl faci este să instalezi și să activezi pluginul Theme My Login. Pentru mai multe detalii, vezi ghidul nostru pas cu pas despre cum să instalezi un plugin WordPress.

La activare, Theme My Login creează automat URL-uri pentru acțiunile personalizate de autentificare, deconectare, înregistrare, recuperare parolă și resetare parolă.

Puteți personaliza aceste URL-uri de conectare WordPress vizitând pagina Theme My Login » General. Derulați în jos la secțiunea „Slugs” pentru a modifica URL-urile utilizate de plugin pentru acțiunile de conectare.

Theme My Login vă permite, de asemenea, să utilizați shortcode-uri pentru a crea pagini personalizate de autentificare și înregistrare. Puteți crea pur și simplu o pagină pentru fiecare acțiune și apoi adăugați slug-ul paginii aici, astfel încât pluginul să poată găsi și redirecționa utilizatorii corespunzător.

Să începem cu pagina de autentificare.

Accesează Pagini » Adaugă Nou pentru a crea o nouă pagină WordPress. Apoi, trebuie să dai un titlu paginii tale și apoi să introduci următorul shortcode [theme-my-login] în pagină.

Acum poți publica pagina ta și o poți previzualiza pentru a vedea pagina ta de conectare personalizată în acțiune.

Așa arată pe site-ul nostru de test WordPress.

Repetați procesul pentru a crea alte pagini folosind următorul shortcode:

[theme-my-login action="register"] Pentru formularul de înregistrare

[theme-my-login action="lostpassword"]Pentru pagina de recuperare parolă

[theme-my-login action="resetpass"] Pentru pagina de resetare a parolei

Crearea unei pagini de conectare WordPress personalizate folosind WPForms

WPForms este cel mai bun plugin pentru crearea de formulare WordPress de pe piață. Vă permite să creați cu ușurință formulare personalizate de conectare și înregistrare pentru site-ul dvs. web.

WPForms este un plugin premium pentru WordPress și veți avea nevoie cel puțin de planul lor pro pentru a accesa addon-ul de înregistrare a utilizatorilor. Utilizatorii WPBeginner pot obține o reducere de 50% folosind codul nostru de cupon WPForms: SAVE50

Primul lucru pe care trebuie să-l faceți este să instalați și să activați pluginul WPForms. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

După activare, trebuie să vizitați pagina WPForms » Setări pentru a introduce cheia dvs. de licență. Puteți găsi aceste informații în contul dvs. de pe site-ul WPForms.

După introducerea cheii de licență, veți putea instala add-on-uri.

Accesați pagina WPForms » Addons și localizați Addon-ul de înregistrare utilizatori.

Apoi, faceți clic pe butonul „Instalați Addon” pentru a descărca și activa addon-ul. Acum sunteți gata să creați formularele dvs. de autentificare personalizate.

Accesați pagina WPForms » Adaugă nou. Vi se va cere să „Selectați un șablon” pentru formularul dvs. Căutați șablonul „Formular de autentificare utilizator” și faceți clic pe butonul „Utilizați șablonul” pentru a continua.

WPForms va încărca Formularul de Autentificare Utilizator cu câmpurile necesare.

Puteți face clic pe câmpuri pentru a adăuga propria descriere sau text în jurul lor.

Puteți modifica și alte setări.

De exemplu, titlul implicit al butonului este „Trimite”. Puteți face clic pe buton și schimba textul în „Conectare” în schimb.

Poți decide, de asemenea, ce se întâmplă odată ce un utilizator s-a autentificat cu succes.

Va trebui să accesați fila Setări » Confirmare și să selectați o acțiune. Puteți redirecționa utilizatorul către orice alt URL, să-l redirecționați către pagina principală sau pur și simplu să-i afișați un mesaj că acum sunt autentificați.

Odată ce sunteți mulțumit de setările formularului, faceți clic pe butonul „Salvare” din colțul din dreapta sus al ecranului pentru a închide constructorul de formulare.

Adăugarea formularului de autentificare personalizat pe o pagină WordPress

WPForms face extrem de ușor să adăugați formularul dvs. personalizat de autentificare pe orice postare sau pagină WordPress.

Pur și simplu editează pagina unde dorești să adaugi formularul de autentificare sau creează una nouă. Apoi, pe ecranul de editare a paginii, adaugă blocul WPForms în zona de conținut.

Apoi, selectează formularul de conectare pe care l-ai creat anterior, iar blocul WPForms îl va încărca automat în zona de conținut.

Acum puteți continua editarea paginii formularului de autentificare. Nu ezitați să adăugați mai mult text sau blocuri promoționale. Odată ce ați terminat, nu uitați să salvați și să publicați modificările.

Acum poți vizita site-ul tău pentru a vedea pagina ta de autentificare în acțiune.

Crearea unei pagini de autentificare WordPress personalizate folosind SeedProd (Recomandat)

În mod implicit, pagina formularului tău personalizat de autentificare WordPress va folosi șablonul paginii și stilurile temei tale. Va avea meniurile de navigare, antetul, subsolul și widget-urile din bara laterală ale temei tale.

Dacă vrei să preiei complet întreaga pagină și să creezi ceva de la zero, atunci poți folosi un plugin de creare pagini WordPress.

SeedProd este cel mai bun constructor de pagini de destinație pentru WordPress. Este prietenos cu începătorii și oferă un constructor drag-and-drop pentru a vă ajuta să creați orice tip de pagină de destinație, inclusiv o pagină de autentificare, o pagină în curând, o pagină în modul de întreținere și multe altele.

Am testat noi înșine SeedProd și avem, de asemenea, o recenzie detaliată care acoperă caracteristicile, ușurința în utilizare și performanța sa.

Mai întâi, va trebui să instalați pluginul SeedProd pe site-ul dvs. web. Pentru mai multe detalii, puteți urma ghidul nostru despre cum să instalați un plugin WordPress.

Odată ce pluginul este activ, veți fi redirecționat către SeedProd în zona de administrare WordPress.

Aici, va trebui să introduceți cheia de licență, pe care o puteți obține cu ușurință din contul SeedProd. Când ați introdus cheia, faceți clic pe butonul „Verifică cheia”.

După aceea, sunteți gata să creați pagina de autentificare în SeedProd.

Pentru a începe, accesați SeedProd » Pagini de destinație și selectați opțiunea „Pagina de autentificare” făcând clic pe butonul „Configurați o pagină de autentificare”.

Pe ecranul următor, puteți selecta un șablon pentru pagina dvs. de autentificare. Puteți, de asemenea, crea o pagină de la zero folosind Șablonul gol.

Cu toate acestea, sugerăm utilizarea unui șablon, deoarece este mai ușor și mai rapid să personalizați pagina de autentificare.

Când selectați un șablon, va apărea o fereastră pop-up pentru a introduce un Nume de pagină pentru pagina dvs. de autentificare. SeedProd va folosi numele paginii ca URL pentru pagina dvs. de destinație.

După ce ați introdus aceste detalii, faceți clic pe butonul „Salvează și începe editarea paginii”.

Acum, puteți edita pagina de conectare folosind constructorul drag-and-drop al SeedProd din fila Design. Constructorul vă permite să adăugați cu ușurință orice bloc de pagină la pagină, pur și simplu trăgându-l din meniul din stânga și plasându-l oriunde pe pagină.

De exemplu, puteți adăuga text, un videoclip sau un nou buton pe pagina de autentificare. Există mai multe opțiuni de personalizare în secțiunea Blocuri avansate, unde puteți adăuga un cronometru, pictograme de partajare socială și multe altele.

SeedProd vă permite chiar să eliminați blocurile de pagină existente din șablon. Tot ce trebuie să faceți este să faceți clic pe pictograma coșului de gunoi pentru a șterge blocul de pagină.

Apoi, dacă faceți clic pe orice secțiune de pe pagina de autentificare, veți vedea mai multe opțiuni de personalizare.

De exemplu, puteți schimba textul și culoarea câmpurilor, puteți alege un alt font, puteți edita culoarea butonului și multe altele.

Când sunteți mulțumit de designul paginii de conectare, faceți clic pe fila „Conectare” din partea de sus.

Acum puteți conecta diferite servicii de email marketing precum Constant Contact, Drip și altele.

După aceea, trebuie să accesați fila Setări pagină. Sub Setările generale, SeedProd vă permite să editați titlul paginii și să schimbați starea paginii din schiță în publicare.

Puteți selecta, de asemenea, opțiunea de a utiliza un Link SeedProd și de a adăuga linkul dvs. de afiliat SeedProd la a câștiga mai mulți bani online.

Dacă doriți să vă optimizați pagina de conectare pentru motoarele de căutare, accesați setările SEO. Aici veți găsi un buton care va instala pluginul All In One SEO.

All in One SEO for WordPress (AIOSEO) este cel mai bun plugin SEO pentru WordPress care îți permite să-ți optimizezi site-ul WordPress pentru motoarele de căutare și platformele de social media.

Puteți învăța cea mai bună modalitate de a-l utiliza în ghidul nostru despre cum să configurați corect All In One SEO pentru WordPress.

După aceea, puteți adăuga și diferite fragmente de cod pe pagina de autentificare în fila Setări scripturi.

De exemplu, ați putea dori să adăugați Google Analytics cod, pixel Facebook sau alt cod de urmărire aici.

Acum că ați modificat setările paginii, faceți clic pe butonul „Salvare” din partea de sus.

Apoi, va trebui să activați pagina de autentificare. Pentru a face acest lucru, puteți ieși din constructorul de pagini de destinație și apoi accesați SeedProd » Pagini de destinație.

Odată ajuns acolo, ar trebui să faceți clic pe comutator pentru a schimba starea paginii din „Inactiv” în „Activ”.

Acum puteți accesa URL-ul paginii dvs. de autentificare și o puteți vedea în acțiune.

Aceasta este o captură de ecran a ecranului de autentificare pe site-ul nostru demo.

Alternativă: Puteți folosi și Thrive Architect pentru a proiecta o pagină de autentificare atractivă. Este un alt constructor de pagini drag-and-drop excelent pe care îl recomandăm pentru crearea de pagini personalizate.

Include peste 300 de șabloane proiectate profesional care îți permit să creezi o pagină de autentificare care ar putea arăta ca cea de mai jos.

Dacă pluginurile de tip page builder pentru WordPress nu sunt pe placul tău, atunci poți folosi CSS personalizat pentru a stiliza formularul și pagina de conectare în sine.

Schimbați logo-ul și URL-ul de autentificare WordPress

Nu este întotdeauna necesar să creați o pagină de autentificare WordPress personalizată pentru site-ul dvs. web. Multe site-uri web înlocuiesc logo-ul WordPress și URL-ul logo-ului, utilizând în continuare pagina de autentificare implicită.

Dacă doriți să înlocuiți logo-ul WordPress de pe ecranul de autentificare cu propriul logo, puteți utiliza cu ușurință un plugin WordPress sau puteți adăuga cod personalizat. Vă vom arăta ambele metode și puteți folosi una care vi se potrivește cel mai bine.

Metoda 1: Modificarea logo-ului și URL-ului de conectare WordPress folosind un plugin

Primul lucru pe care trebuie să-l faceți este să instalați și să activați pluginul Colorlib Login Customizer. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum se instalează un plugin WordPress.

La activare, pluginul adaugă un nou element de meniu în personalizatorul de teme WordPress. Navighează pur și simplu la Aspect » Personalizare și dă clic pe noul element „Colorlib Login Customizer” pentru a lansa personalizatorul de autentificare.

Rețineți că această opțiune nu este disponibilă dacă utilizați o temă bazată pe blocuri, așa că recomandăm utilizarea metodei cu cod, dacă acesta este cazul.

Personalizatorul de conectare va încărca ecranul tău implicit de conectare WordPress, care are opțiuni de personalizare în stânga și o previzualizare live în dreapta.

Pentru a înlocui logo-ul WordPress cu al dvs., faceți clic pe fila „Opțiuni logo” din dreapta.

De aici, puteți ascunde logo-ul WordPress, puteți încărca propriul logo personalizat și puteți schimba URL-ul și textul logo-ului.

De asemenea, puteți personaliza dimensiunea și culoarea textului, precum și lățimea și înălțimea logo-ului personalizat.

Pluginul îți permite, de asemenea, să personalizezi complet pagina de conectare WordPress implicită. Poți adăuga coloane și imagini de fundal, poți schimba culorile formularului de conectare și multe altele.

În esență, puteți crea o pagină de conectare WordPress personalizată fără a modifica URL-ul implicit de conectare WordPress.

Odată ce ați terminat, pur și simplu faceți clic pe butonul „Publicați” pentru a salva modificările. Acum puteți vizita pagina de autentificare WordPress pentru a vedea formularul dvs. de autentificare personalizat în acțiune.

Metoda 2: Schimbarea logo-ului și a URL-ului de conectare WordPress cu cod

Această metodă vă permite să înlocuiți manual logo-ul WordPress de pe ecranul de autentificare cu propriul dvs. logo personalizat fără a avea nevoie de un plugin. Este, de asemenea, potrivit pentru temele bloc.

Mai întâi, trebuie să încărcați logo-ul personalizat în biblioteca media. Pur și simplu accesați pagina Media » Adaugă nou și încărcați logo-ul personalizat.

După ce ați încărcat imaginea, faceți clic pe linkul „Editare” de lângă ea. Aceasta va deschide pagina de editare a media, unde trebuie să copiați URL-ul fișierului și să-l lipiți undeva convenabil, cum ar fi un fișier text gol pe computer.

Apoi, trebuie să adăugați următorul fragment de cod în fișierul functions.php al temei dvs. sau să utilizați pluginul WPCode pentru a adăuga cu ușurință cod personalizat fără a vă strica site-ul (recomandat):

function wpb_login_logo() { ?>
    <style type="text/css">
        #login h1 a, .login h1 a {
            background-image: url(http://path/to/your/custom-logo.png);
        height:100px;
        width:300px;
        background-size: 300px 100px;
        background-repeat: no-repeat;
        padding-bottom: 10px;
        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'wpb_login_logo' );

Nu uitați să înlocuiți URL-ul background-image de pe Linia 4 cu URL-ul fișierului pe care l-ați copiat anterior. Puteți ajusta și alte proprietăți CSS pentru a se potrivi imaginii logo-ului dvs. personalizat.

Acum puteți vizita pagina de autentificare WordPress pentru a vedea logo-ul dvs. personalizat.

Cu toate acestea, acest cod înlocuiește doar logo-ul WordPress. Nu modifică link-ul logo-ului, care indică spre site-ul WordPress.org.

Să schimbăm asta.

Pur și simplu adăugați următorul cod în fișierul functions.php al temei dvs. sau în WPCode. Îl puteți lipi chiar sub codul pe care l-ați adăugat anterior:

function wpb_login_logo_url() {
    return home_url();
}
add_filter( 'login_headerurl', 'wpb_login_logo_url' );
 
function wpb_login_logo_url_title() {
    return 'Your Site Name and Info';
}
add_filter( 'login_headertitle', 'wpb_login_logo_url_title' );

Nu uitați să înlocuiți „Numele și informațiile site-ului dvs.” cu numele site-ului dvs. Logo-ul personalizat de pe ecranul de conectare va indica acum pagina de pornire a site-ului dvs.

Dezactivarea selectorului de limbă al paginii de autentificare WordPress

Lansarea WordPress 5.9 a introdus o nouă opțiune de autentificare derulantă care permite utilizatorilor să selecteze o nouă limbă atunci când se autentifică pe un site web.

Dacă există mai mult de o limbă activă pe site, această opțiune va apărea. 

Acest lucru funcționează bine pentru site-uri multilingve și echipe cu utilizatori diferiți care ar putea dori să acceseze tabloul de bord WordPress într-o altă limbă.

Dar dacă doriți să păstrați pagina de autentificare simplă și utilizatorii dvs. nu au nevoie să schimbe frecvent limbile, eliminarea comutatorului de limbă poate ajuta la dezordonarea acesteia. Puteți face acest lucru folosind un plugin sau cod.

Metoda 1: Dezactivarea comutatorului de limbă cu un plugin

Tot ce trebuie să faceți este să instalați și să activați pluginul Disable Login Language Switcher. După activare, opțiunea de comutare a limbii va fi eliminată automat. Nu există setări suplimentare pe care să le configurați.

Acum, când accesați ecranul de autentificare, veți vedea ecranul de autentificare standard, fără opțiunea de comutare a limbii.

Metoda 2: Dezactivarea comutatorului de limbă cu cod

Un alt mod în care puteți dezactiva comutatorul de limbă este prin adăugarea de cod în WordPress.

Pur și simplu adăugați următorul fragment de cod în fișierul dvs. functions.php sau în fragmentele WPCode. Pentru detalii, consultați tutorialul nostru despre cum să adăugați fragmente de cod personalizate în WordPress:

add_filter( 'login_display_language_dropdown', '__return_false' );

Pentru mai multe detalii, vezi ghidul nostru despre cum să dezactivezi comutatorul de limbă pe ecranul de conectare WordPress.

Acesta este tot. Sperăm că acest articol v-a ajutat să învățați diferite moduri de a crea o pagină de conectare WordPress pentru site-ul dvs. De asemenea, ați putea dori să vedeți tutorialul nostru despre adăugarea unei conectări Google cu un clic în WordPress sau ghidul nostru despre adăugarea conectării OAuth în WordPress.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.