Cum se personalizează pagina de autentificare WordPress

Dacă lucrăm cu Wordpress, este posibil să ne placă să ne personalizăm pagina cu toate detaliile posibile. Una dintre cele mai solicitate personalizări de către clienți este autentificarea. În mod implicit, designul pe care ni-l oferă Wordpress pentru autentificare este destul de simplu și curat. De aceea este posibil să dorim să includem în el o notă mai personală, precum marca noastră.

Dacă aveți un blog dezvoltat în Wordpress, veți ști că pentru a-l gestiona trebuie să accesați o adresă URL precum http://www.midominio.com/wp-admin, care afișează pagina de autentificare a administratorului de instalare; Aceasta, în mod implicit, include un logo Wodpress pe care îl putem schimba. Dar nu numai asta, dar putem modifica și linkul către care indică atunci când faceți clic pe el, precum și sfatul său de instrumente (afișul care este afișat la plasarea indicatorului mouse-ului peste siglă).

Există două modalități de a efectua această personalizare: prin pluginuri specializat sau adăugând o piesă cod la fișierul de instalare corespunzător.

În timp ce efectuați orice personalizare în Wordpress Este mai simplu prin intermediul unui plugin, adevărul este că acestea afectează în mod direct timpul de încărcare a paginii noastre, astfel încât ori de câte ori este la îndemâna noastră, va fi mai ușor să efectuăm acest tip de acțiuni „atingând” codul.

În acest tutorial vom vedea cum să o faceți direct adăugând cele trei fragmente de cod php corespunzătoare la fiecare dintre personalizările pe care le vom efectua:

Personalizări

  • Schimbați sigla.
  • Schimbați linkul siglei.
  • Personalizați sfatul de instrument pentru sigle.

1. Schimbă sigla


Pasul 1
Primul lucru pe care trebuie să-l facem este să pregătim imaginea pe care o vom folosi ca siglă. Acest lucru ar trebui să fie pătrat, de 80 x 80 px și în format .png.webp, de preferință cu Fundal transparent, întrucât pagina de autentificare este cenușie și, în acest fel, se va „amesteca” perfect cu ea.

Pasul 2
Odată ce avem imaginea pe care o vom folosi ca logo pregătită, care în exemplul nostru se numește logo.png.webp, trebuie să-l salvăm în dosar imagini a subiectului nostru actual ( \ wp-content \ themes \subiect actual\ imagini) Unde subiect actual corespunde cu numele temei pe care o activați în instalare.

Putem realiza acest proces, atât prin intermediul unui client FTP ca prin intermediul manager de fișiere de găzduire, în caz că îl aveți.

Pasul 3
Acum va fi necesar să adăugați codul php corespunzător în fișier functions.php a temei noastre active. Cel mai rapid mod de a face acest lucru este folosind propriul editor de fișiere Wordpress. Pentru a face acest lucru, în cadrul instalării Wordpress, faceți faceți clic pe meniul Personalizare și apoi despre Editor. Acum, în coloana din stânga, faceți clic pe fișier funcții.php și derulați până la sfârșitul acestuia.

Pentru a indica sigla pe care doriți să o afișați, adăugați următorul cod. În fragmentul de cod trebuie să înlocuiți textul logo.png.webp după numele pe care l-ați dat propriei sigle

 // personalizați logofuncția de conectare my_custom_login_logo () {echo ''; } add_action ('login_head', 'my_custom_login_logo');

2. Schimbați linkul siglei


Pentru a modifica adresa URL legată de sigla paginii, trebuie să adăugați și la fișier funcții.php următorul fragment de cod:
 // personalizați funcția de legătură logo put_my_url () {return ('http://www.solvetic.com'); // Aici indicați adresa URL la care se leagă logo-ul} add_filter ('login_headerurl', 'put_my_url');

3. Personalizați sfatul de instrument pentru sigle


În cele din urmă, și pentru ca personalizarea paginii de conectare să fie completă, vom schimba textul care apare atunci când treceți peste imaginea logo-ului, care în mod implicit este „Powered by WordPress”.

Pentru aceasta va trebui să adăugați un ultim fragment de cod în fișier funcții.php a subiectului activ:

 // personalizați funcția de legătură logo put_my_url () {return ('http://www.solvetic.com'); // Aici indicați adresa URL la care se leagă logo-ul} add_filter ('login_headerurl', 'put_my_url');

Odată ce editarea este terminată, va fi necesar să salvați modificările făcute pentru ca acestea să intre în vigoare. Pentru a face acest lucru, faceți clic pe buton Actualizați fișierul găsit la sfârșitul editorului. Acum, dacă accesați pagina de autentificare Wordpres, puteți vedea cum arată după modificările aplicate.

Tine mintePuteți încerca aceste „trucuri” fără teama de a deconfigura site-ul dvs. în Wordpress folosind o instalare locală, așa cum este explicat în tutorial Cum să aveți o instalare portabilă de WordPress

Descărcați șabloane Wordpress gratuite

V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv
wave wave wave wave wave