Jak změnit logo přihlašovacího formuláře

Klasický přihlašovací formulář do administrace WordPressu zobrazuje logo se známým dvojitým W a odkazuje na wordpress.org. Pokud chcete toto logo změnit, můžete využít některý z pluginů, ale pokud nepotřebujete mít v administraci formulář, kde si budete moci změnit obrázek, úprava loga je jednoduchá funkce na devět řádků kódu.

Původní formulář vypadá takto:
screenshot-by-nimbus

Jak tedy odstraníme původní logo?
Celý trik spočívá v použití akce login_enqueue_scripts:

add_action( 'login_enqueue_scripts', 'musilda_login_logo' );
function musilda_login_logo() { ?>
    <style type="text/css">
        body.login div#login h1 a {
            background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/assets/image/devil.gif);
            padding-bottom: 30px;
        }
    </style>
<?php }

V podstatě jen změníte styly a background image odkážete na obrázek, který vložíte do složky s obrázky ve vaší šabloně.

Protože je však logo odkaz, musím ještě změnit url, tak aby odkazovala na homepage našeho webu.

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

Výsledek pak vypadá takto:

screenshot-by-nimbus (1)

Tento článek je názornou ukázkou, že v některých případech je jednodušší a pro orientaci v pluginech lepší, použít pár řádků kódu, než si zbytečně cpát do administrace řadu jednoúčelových pluginů.

Čtěte  FakerPress a WP Test: 2 skvělé způsoby, jak snadno a rychle naplnit web testovacím obsahem

About The Author

Zajímá mne Wordpress, responsivní šablony a zkrátka vše kolem tohoto skvělého redakčního systému.

Related posts

3 Comments

  1. Marek Klusák

    Zdravím, jenom podotknu, že takto to funguje pouze tehdy, má-li nový obrázek stejné rozměry jako to původní WP logo. Pokud chcete použít jinak velký obrázek, tak se bez doplnění další CSS vlastností zdeformuje. Je tedy třeba do CSS deklarace doplnit ještě odpovídající width, height, background-size atd …

    Reply
  2. Radek

    Já nejsem programátor a tak pro mě bylo vždycky snazší najít si url loga, uložit nové logo pod stejným názvem a přes FTP ho nahrát na web :)

    Reply

Leave a Reply

Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *