Cum să creezi un formular de conectare personalizat în WordPress fără un plugin
Publicat: 2022-09-27Un formular de conectare personalizat vă permite să adăugați o notă personală site-ului dvs. WordPress. În mod implicit, WordPress vine cu un formular simplu de conectare care permite utilizatorilor să introducă numele de utilizator și parola pentru a avea acces la site. Deși acest formular de autentificare funcționează bine pentru majoritatea utilizatorilor, există momente în care este posibil să doriți să-l personalizați pentru a se potrivi cu aspectul site-ului dvs. De exemplu, poate doriți să adăugați sigla companiei dvs. la formularul de conectare sau să schimbați culoarea de fundal. Din fericire, există câteva modalități ușoare de a personaliza formularul de autentificare WordPress fără a fi nevoie să scrieți niciun cod. În acest articol, vă vom arăta cum să creați un formular de conectare personalizat în WordPress fără un plugin.
WP-login.php este limba implicită a paginii de autentificare WordPress. WordPress își afișează logo-ul WordPress în următoarea structură HTML cu scopul de a afișa logo-ul. După ce ați folosit codul de mai jos, puteți înlocui logo-ul implicit cu al dvs. Pentru a vă asigura că utilizatorul rămâne pe pagina de conectare, puteți executa acest fragment de cod pentru a face clic pe logo. Ca parte a acestui articol, voi demonstra cum să schimbați pagina de conectare încorporată. De asemenea, puteți adăuga stiluri CSS în formularul de conectare și le puteți plasa în fișiere separate dacă doriți să le utilizați. De exemplu, aș pune codul CSS într-un fișier numit style-login.css.
Acest cod ar trebui să fie executat folosind fragmentul PHP găsit mai jos. După adăugarea scripturilor la pagina de conectare, acest fragment de cod va fi folosit pentru a seta antetul. Conectați-vă la contul dvs. WordPress și creați o pagină nouă numită login. Adresele URL ale paginilor ar trebui să fie „login” și „html.html”. Al treilea pas este să utilizați PHP pentru a crea un formular de conectare. Schimbând numele șablonului de pagină, puteți adăuga un șablon personalizat de conectare . Acum trebuie să afișăm această pagină personalizată de conectare ori de câte ori un utilizator trimite o solicitare către WP-login.php.
Iată codul necesar pentru a fi introdus în functions.php: custom_login_page_key. Dacă se găsesc erori în timpul sesiunii, acest cod va fi folosit. Dacă există coduri de eroare asociate cu acesta, utilizați $err_codes. Funcția display_error_message va interpreta aceste coduri de eroare încorporate. Parametrul loggedout poate fi utilizat pentru a notifica utilizatorul că este deconectat.
Cum creez un formular de conectare în WordPress?

Crearea unui formular de autentificare în WordPress este un proces simplu care poate fi finalizat în câteva minute. Primul lucru pe care trebuie să-l faceți este să creați o pagină pe site-ul dvs. WordPress care va servi drept formular de conectare. Pentru a face acest lucru, pur și simplu creați o pagină nouă și intitulați-o „Autentificare”. Apoi, trebuie să adăugați un cod scurt la pagină. Codul scurt pentru formularul de conectare este [wp-login-form]. Pur și simplu adăugați acest cod scurt în zona de conținut a paginii și salvați pagina. Acum că pagina formularului de conectare a fost creată, trebuie să adăugați un link către aceasta de pe pagina de pornire a site-ului dvs. WordPress. Pentru a face acest lucru, pur și simplu editați pagina de pornire și adăugați un link către pagina formularului de conectare. Asta este tot ceea ce înseamnă crearea unui formular de autentificare în WordPress. Acum, când vizitatorii vin pe site-ul dvs. WordPress, ei vor putea să facă clic pe link și să fie duși la pagina formularului de conectare.
Cu WP Login Form , puteți crea un formular simplu de conectare care poate fi folosit oriunde pe site-ul dvs. WordPress. Shortcode-ul vă va permite să îl introduceți într-o postare, pagină sau bară laterală. Pentru a personaliza opțiunile enumerate mai jos, puteți utiliza codul scurt pentru a adăuga parametri suplimentari. Pentru a vă proteja formularul de conectare de spam și alte atacuri automate, WP Login Form utilizează Google reCAPTCHA v3. Accesând Setări, puteți configura aceste opțiuni pentru a activa această caracteristică. Puteți crea un marcaj curat cu clase în timp ce nu utilizați niciun CSS, permițându-vă să creați un formular care este personalizat pentru a răspunde nevoilor dvs.
Formular de conectare personalizat WordPress prin program

Dacă doriți să creați un formular de conectare personalizat pentru site-ul dvs. WordPress, puteți face acest lucru urmând câțiva pași simpli. În primul rând, va trebui să creați un nou fișier numit login.php în folderul dvs. cu teme WordPress. Apoi, va trebui să copiați următorul cod în fișierul dvs. login.php : /* Nume șablon: Formular de autentificare */ ? > Nume de utilizator sau adresă de e-mail Parolă Ține-mă minte Acest cod va crea un formular de conectare de bază pe care îl puteți modela pentru a se potrivi cu tema dvs. WordPress. După ce ați adăugat acest cod în fișierul dvs. login.php, puteți accesa formularul de autentificare accesând http://yoursite.com/login.
Creați un ecran de conectare personalizat pentru site-ul dvs. WordPress folosind acest ghid pas cu pas. Vă vom arăta cum să creați un formular de autentificare cu un plugin numit Formidable Forms în acest tutorial. WordPress oferă în mod implicit funcții de înregistrare a utilizatorilor, dar o puteți face manual. Când proiectați o pagină de conectare personalizată pentru site-ul dvs. WordPress, poate fi necesar să parcurgeți ceva codare. Va trebui să utilizați sistemul de fișiere WordPress PHP, precum și fișierul WordPress login.php. Creați formularul de conectare personalizat pentru a permite înregistrarea utilizatorilor, precum și autentificarea utilizatorului. Pentru a face acest lucru, va trebui să adăugați și mai multă codare.
Această postare este împărțită în două secțiuni pentru ambii acești pași. Suplimentul de înregistrare a utilizatorului Formidable include un formular de conectare a utilizatorului . Cu Formidable, puteți furniza formulare altor pagini de pe site-ul dvs. web, permițându-vă să le plasați oriunde pe site. În interfața de stilare a formularelor, puteți crea șabloane de stil care pot fi aplicate la o varietate de formulare. Cel mai important parametru este stilul stabilit de acesta. În acest tutorial, vă vom arăta cum să creați un sistem de resetare a parolei în Formidable folosind un formular de conectare personalizat. Dacă utilizați un widget pentru afișarea formularului de conectare, puteți adăuga un link introducând o casetă în opțiunile widgetului. Când un utilizator face clic pe el, va fi dus la pagina de resetare a parolei. După finalizarea procesului, utilizatorii își vor putea reseta parola în același mod în care o pot face pe alte site-uri web.
Cum creez o pagină de conectare front-end în WordPress?
Navigați la secțiunea Redirecționări WordPress din Generatorul de profil – Redirecționări personalizate. Tipul de redirecționare poate fi găsit în meniul drop-down. În câmpul Adresă URL de redirecționare, introduceți adresa URL a paginii de autentificare frontend nou creată. Făcând clic pe Salvare modificări, puteți face modificări minore site-ului dvs.
Adăugați un meniu de conectare pe site-ul dvs. WordPress
Este simplu să adăugați un meniu de conectare WordPress. Pentru a face acest lucru, navigați la tabloul de bord > Aspect > Meniuri > Selectați meniul principal și apoi faceți clic pe Linkuri personalizate, urmat de adresa URL a paginii dvs. de conectare și de o etichetă.
Formular de conectare WordPress
Un formular de conectare WordPress este un formular pe care un utilizator îl poate completa pentru a se conecta la contul său WordPress. Acest formular poate fi găsit pe pagina de conectare WordPress.

Când un utilizator al site-ului web trimite un formular de înregistrare, WordPress colectează informații despre utilizator. Înainte de a vă putea trimite formularul pe site-ul dvs., trebuie mai întâi să colectați următoarele informații: Dacă doriți să adresați utilizatorilor câteva întrebări despre ei înșiși, programul de completare WPForms User Registration va include un câmp de formular de paragraf ca parte a șablonului de formular. Un formular de conectare WordPress pe un site web permite utilizatorilor înregistrați anterior să se conecteze cu acreditările lor, care pot fi apoi folosite pentru a accesa conținut sau informații. Utilizatorii site-ului dvs. vor utiliza formularul de conectare de mai multe ori în comparație cu formularul de înregistrare a utilizatorului site-ului lor. Puteți afla cum să creați un formular personalizat de autentificare WordPress dacă aveți nevoie de unul pe site-ul dvs. web.
Cum se creează o pagină personalizată de autentificare și înregistrare în WordPress
Pentru a crea o pagină personalizată de autentificare și înregistrare în WordPress, va trebui mai întâi să creați un șablon de pagină personalizată. Odată ce ați creat șablonul, va trebui să creați un formular personalizat care va fi folosit pentru procesul de conectare și înregistrare. În cele din urmă, va trebui să adăugați următorul cod în fișierul functions.php: function my_custom_login_page () { if ( is_user_logged_in() ) { wp_redirect( home_url() ); Ieșire; } if ( 'POST' == $_SERVER['RECQUEST_METHOD'] ) { $redirect_to = home_url(); if ( ! empty( $_REQUEST['redirect_to'] ) ) { $redirect_to = $_REQUEST['redirect_to']; } if ( ! empty( $_REQUEST['log'] ) ) { $user_login = $_REQUEST['log']; } else { $user_login = ”; } $user_data = get_user_by( 'login', $user_login ); if ( ! $user_data ) { wp_redirect( $redirect_to . '? Loginfailed' ); Ieșire; } if ( user_can( $user_data, 'manage_options' ) ) { wp_set_current_user( $user_data->ID, $user_login ); wp_set_auth_cookie( $user_data->ID ); do_action( 'wp_login', $user_login ); wp_redirect( admin_url() ); Ieșire; } else { wp_redirect( $redirect_to . '? Loginfailed' ); Ieșire; } } $args = array( 'echo' => false, 'redirect' => $redirect_to, 'form_id' => 'loginform', 'label_username' => __( 'Username' ), 'label_password' => __( „Parolă” ), „label_remember” => __( '
Cum să faci o pagină de autentificare și înregistrare în WordPress cu formulare formidabile Instrumentul de înregistrare a utilizatorilor poate fi folosit pentru a crea o pagină de autentificare pentru orice site WordPress. Este avantajos pentru branding, experiența utilizatorului și securitate. Dacă încă sunteți în căutarea unui plugin de creare a formularelor, acesta ar putea fi cel potrivit pentru dvs. Este complet simplu de instalat Formidable, la fel cum este și de a instala orice plugin WordPress. Trebuie să aveți un plan de afaceri pentru a utiliza sistemul nostru de înregistrare. Am creat un șablon editabil pentru înregistrarea utilizatorilor, deoarece fiecare companie va colecta diferite tipuri de date de la utilizatorii lor în timpul înregistrării. Formularul dvs. de conectare nu trebuie să fie personalizat pentru a finaliza acest tutorial.
După ce un utilizator s-a înregistrat pe site-ul dvs., va trebui să configurați modul în care vor fi gestionate lucrurile. Utilizatorilor li se oferă o varietate de opțiuni care pot fi configurate în documentația noastră. Deoarece sistemul de înregistrare a utilizatorilor automatizează întregul proces, nu trebuie să învățăm cum să schimbăm pagina de autentificare în WordPress cu Formidable. Dacă doriți să creați o pagină de conectare WordPress, nu trebuie să faceți altceva decât să încărcați formularul de autentificare. Puteți crea o pagină care arată bine, indiferent pentru ce folosiți generatorul. Nu are nicio diferență unde introduceți informațiile de conectare și informațiile de înregistrare; tot ce trebuie să faci este să-l tastați în postarea sau pagina corespunzătoare.
Plugin pentru pagina de conectare în WordPress
Un plugin pentru pagina de autentificare în WordPress este o modalitate excelentă de a adăuga caracteristici și funcționalități suplimentare site-ului dvs. Există multe plugin-uri disponibile care pot adăuga o varietate de caracteristici diferite la pagina dvs. de conectare, inclusiv autentificarea la rețelele sociale, CAPTCHA și multe altele. Alegeți un plugin care se potrivește cel mai bine nevoilor dvs. și instalați-l pe site-ul dvs. pentru a adăuga un nivel suplimentar de securitate și funcționalitate paginii dvs. de conectare.
Pagina de conectare implicită WordPress pare a fi foarte simplu de navigat. Cele mai bune plugin-uri vă permit să personalizați designul și câmpul formularului de autentificare. Instrumentele anti-spam sunt disponibile ca parte a unor pluginuri pentru paginile de conectare, ceea ce face site-ul dvs. mai sigur. WPForms este unul dintre cele mai cuprinzătoare pluginuri de generare de formulare disponibile pentru WordPress. Când utilizați WPForms, vă puteți proteja formularul de înregistrare sau de autentificare împotriva atacurilor de spam utilizând jetoane anti-spam, reCAPTCHA, hCAPTCHA și CAPTCHA-uri personalizate. Folosind SeedProd, puteți crea cu ușurință o pagină de conectare de la zero. Utilizatorii care preferă o varietate de opțiuni de personalizare pentru pagina lor de conectare sunt atrași de LoginPress.
Deși nu are funcții de blocare a spam-ului, LoginPress este o alegere excelentă pentru a crea pagini frumoase de conectare și pentru a vă proteja site-ul de intruși. Nextend Social Login vă permite să vă conectați la conturile de rețele sociale fără o parolă. Este un instrument excelent pentru administratorii de site-uri ai utilizatorilor care necesită acces temporar la anumite persoane. Theme My Login este gratuită și vă permite să creați pagini de înregistrare frontend, să personalizați adrese URL pentru autentificare și înregistrare și chiar să configurați conturi sociale pentru a vă înregistra și a vă conecta la site-ul dvs. În Simple History, este înregistrată și adresa IP a fiecărui utilizator care a încercat să se deconecteze. Dacă aceasta este metoda dvs. principală, veți putea identifica un hacker și îl veți putea identifica pe lista neagră de a accesa site-ul dvs. Cea mai bună parte despre WPForms este că oferă cea mai mare personalizare, ușurință de utilizare și securitate dintre orice platformă de pe piață.
Dacă sunteți în căutarea unui mod simplu, dar eficient, de a crea pagini de destinație frumoase, SeedProd este o alegere excelentă. Căutați pluginuri de calendar pentru programare și întâlniri? Postarea noastră despre cele mai bune pluginuri de calendar WordPress include o listă cu unele dintre cele mai bune plugin-uri.
Conectare Google WordPress fără plugin
Vă puteți conecta la site-ul dvs. WordPress fără un plugin, pur și simplu accesând contul dvs. Google și selectând opțiunea de a utiliza contul dvs. Google pentru a vă autentifica. Acest lucru vă va permite să vă conectați la WordPress fără a fi nevoie să instalați un plugin.
Dacă utilizați Google Login WordPress fără un plugin, este posibil să luați o decizie greșită. Va trebui să utilizați un plugin separat pentru Google Analytics pe site-ul dvs. dacă nu aveți deja unul. Monsterinsights poate răspunde la orice întrebări pe care le aveți despre cum să vă conectați la Google WordPress fără un plugin. Google Analytics este un instrument puternic pe care îl puteți folosi pentru a urmări activitatea site-ului web. Acest instrument este foarte simplu de instalat fără un plugin dacă utilizați WordPress. Fără pluginuri, vă puteți face site-ul web multilingv dacă aveți nevoie, dar nu trebuie să utilizați pluginuri dacă nu aveți nevoie ca acesta să fie multilingv. În acest articol, veți învăța cum să adăugați Google Translate la WordPress fără niciun plugin.