Schimbarea logo-ului din formularul de logare WordPress este o modalitate excelentă de a personaliza aspectul site-ului tău și de a-i adăuga o notă de brand.
Această modificare poate fi făcută prin mai multe metode, folosind fie un plugin, fie adăugând cod personalizat.
1. Folosirea unui plugin WordPress
Cea mai ușoară metodă este să utilizezi un plugin care îți permite să personalizezi pagina de logare fără să scrii cod. Două dintre cele mai populare pluginuri pentru această sarcină sunt:
- LoginPress – un plugin care îți permite să personalizezi logo-ul, fundalul, culorile și multe alte elemente ale paginii de logare.
- Custom Login Page Customizer – îți oferă opțiunea de a schimba logo-ul și alte elemente de design direct din WordPress Customizer.
Pași pentru LoginPress:
- Instalează și activează pluginul LoginPress.
- Accesează „LoginPress” din meniul WordPress și mergi la „Customizer”.
- De aici, poți schimba logo-ul încărcând un nou fișier de imagine.
2. Folosirea codului personalizat
Dacă preferi să adaugi manual un cod pentru a schimba logo-ul, poți face acest lucru modificând fișierul functions.php al temei tale. Iată pașii:
- Accesează fișierul functions.php al temei tale active din WordPress (Theme Editor sau FTP).
- Adaugă următorul cod în fișier:
function my_custom_login_logo() {
echo '
<style type="text/css">
#login h1 a {
background-image: url(' . get_stylesheet_directory_uri() . '/images/custom-logo.png);
background-size: contain;
width: 100%;
height: 80px;
}
</style>
';
}
add_action('login_enqueue_scripts', 'my_custom_login_logo');
- Salvează modificările și încarcă imaginea logo-ului tău în folderul temei tale la wp-content/themes/tema-ta/images/.
Acest cod modifică CSS-ul paginii de logare și înlocuiește logo-ul implicit cu unul personalizat. Asigură-te că imaginea este de dimensiuni potrivite (de preferință, 320x80px).
3. Personalizare suplimentară
Poți, de asemenea, să schimbi URL-ul care se deschide atunci când logo-ul este apăsat. Pentru aceasta, adaugă următorul cod în fișierul functions.php:
function my_custom_login_url() {
return home_url(); // Înlocuiește cu URL-ul tău
}
add_filter('login_headerurl', 'my_custom_login_url');
Folosind fie un plugin, fie cod personalizat, poți modifica cu ușurință logo-ul paginii de logare WordPress pentru a reflecta brandul tău.
Dacă preferi o soluție rapidă și fără cod, pluginurile sunt cea mai simplă metodă, însă dacă îți dorești mai mult control, adăugarea manuală a codului este cea mai flexibilă opțiune.
