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:
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:
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ů.
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 …
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 :)
Na tohle téma jsem napsal článek nedávno.
Rozepsal jsem jej do větších detailů.
Kdyby někoho zajímalo, jak si ještě více upravit přihlašovací obrazovku zjistíte to v mém článku : http://blog.doprofilu.cz/tipy-triky/prizpusobeni-prihlasovaci-stranky-wordpress.html