Ako zmeniť logo na prihlasovacej stránke WordPressu

Predvolené logo WordPressu na prihlasovacej obrazovke (wp-login.php) je fajn, ale ak budujete web pre klienta alebo chcete posilniť vlastnú značku, jeho výmena za vlastné je dôležitým detailom. Tento jednoduchý snippet vám umožní prepísať pôvodný štýl a vložiť tam vlastný obrázok bez potreby inštalovať ťažké pluginy.

Čo tento kód robí?

Snippet využíva akciu login_enqueue_scripts, ktorá vkladá vlastný CSS štýl priamo do hlavičky prihlasovacej stránky. V kóde cielime na selektor #login h1 a, čo je presne to miesto, kde sa štandardne zobrazuje logo WordPressu.

V kóde si môžete upraviť:

• URL adresu obrázka: Stačí prepísať odkaz v url('') za vašu vlastnú cestu k logu.
• Rozmery: Hodnoty width a height (v našom prípade 150px) si prispôsobte podľa proporcií vášho loga.

function custom_login_logo() { ?>
    <style type="text/css">
        #login h1 a {
            /* TU ZADAJTE ADRESU K VÁŠMU LOGU */
            background-image: url('https://vasadomena.sk/wp-content/uploads/logo.png'); 
            
            background-size: contain;
            width: 150px;
            height: 150px;
            background-position: center;
            display: block;
        }
    </style>
<?php }
add_action('login_enqueue_scripts', 'custom_login_logo');

function custom_login_logo() { ?>
    <style type="text/css">
        #login h1 a {
            /* TU ZADAJTE ADRESU K VÁŠMU LOGU */
            background-image: url('https://vasadomena.sk/wp-content/uploads/logo.png'); 
            
            background-size: contain;
            width: 150px;
            height: 150px;
            background-position: center;
            display: block;
        }
    </style>
<?php }
add_action('login_enqueue_scripts', 'custom_login_logo');