Personalizarea ecranului de autentificare WordPress este una dintre cele mai simple modalități de a vă personaliza site-ul sau de a îmbunătăți coerența brandului. Fie că construiți un site pentru un client sau vă gestionați propriul proiect, înlocuirea logo-ului implicit WordPress cu propriul logo este rapidă și eficientă. În acest tutorial, vă vom arăta cum să schimbați logo-ul de conectare WordPress – nu sunt necesare cunoștințe de programare.

Metoda 1: Utilizați un plugin (pentru începători)

Cel mai simplu mod de a schimba logo-ul de conectare este prin utilizarea unui plugin.

Pași:

  • Mergeți la Plugins → Add New în tabloul de bord WordPress.
  • Căutați LoginPress și instalați-l.
  • Activați plugin-ul.
  • Navigați la LoginPress → Customizer.
  • Faceți clic pe Logo și încărcați imaginea dvs. personalizată.
  • Salvați modificările.

Plugin-ul înlocuiește automat logo-ul implicit de pe pagina dvs. de conectare la yourdomain.com/wp-login.php.

Metoda 2: Modificarea manuală a logo-ului (utilizatori avansați)

Preferați să evitați pluginurile? Puteți modifica manual logo-ul editând fișierul functions.php al temei dvs.

Pași:

  1. Încărcați logo-ul (în mod ideal 80x80px) în folderul de imagini al temei dvs. sau în Media Library.
  2. Deschideți functions.php în directorul temei dvs.
  3. Adăugați următorul cod:
function custom_login_logo() {
    echo '
    <style type="text/css">
        h1 a {
            background-image: url(' . get_stylesheet_directory_uri() . '/images/custom-logo.png) !important;
            background-size: contain !important;
            width: 100% !important;
        }
    </style>';
}
add_action('login_head', 'custom_login_logo');

💡 De asemenea, puteți utiliza wp_get_attachment_url() dacă ați încărcat logo-ul prin intermediul bibliotecii media.

Bonus: Modificarea linkului URL de conectare

În mod implicit, logo-ul de conectare redirecționează către wordpress.org. Puteți să o schimbați la pagina dvs. de pornire:

function custom_login_logo_url() {
    return home_url();
}
add_filter('login_headerurl', 'custom_login_logo_url');

Și personalizați titlul (hover text):

function custom_login_logo_url_title() {
    return 'Bine ați venit pe site-ul dvs!';
}
add_filter('login_headertext', 'custom_login_logo_url_title');

Sfaturi pentru cele mai bune rezultate

  • Utilizați un logo PNG transparent pentru o estetică mai curată.
  • Păstrați logo-ul sub 100 KB pentru a reduce timpul de încărcare.
  • Dacă utilizați o temă copil, efectuați toate editările acolo pentru a preveni pierderea după actualizări.

Concluzii

Înlocuirea logo-ului implicit de conectare WordPress durează doar câteva minute și îmbunătățește instantaneu brandingul site-ului dvs. Fie că alegeți un plugin sau mergeți pe calea manuală, ambele metode sunt simple și eficiente.