Návody

Nechcete aby vaša prihlasovacia obrazovka vyzerala obyčajne?

Autor:

Prihlasovacia obrazovka WordPress vyzerá nudne.

Nebojte sa trocha PHP kódu!

Ukážeme si ako prihlasovacia obrazovka môže vyzerať.

Chceli by ste aby vaša obrazovka vyzerala takto?

Môžete urobiť niektorú z týchto vecí:

1. Pridať vlastné pozadie
2. Nahradiť logo WordPress vlastným
3. Upraviť vzhľad prihlasovacieho formulára
4. Zmeniť logo URL odkazu
5. Odstrániť odkaz na obnovenie hesla
6. Schovať správu o neúspešnom prihlásení
7. Odstrániť „zatrasenie“ prihlasovacieho formulára
8. Zmeniť presmerovanie po prihlásení
9. Štandardne označiť pole „Zapamätať si ma“

Prihlasovacia stránke nie je súčasťou témy, musíme jej tak vytvoriť vlastný css súbor. Nazvime si tento súbor napríklad styl_login.css. Aby sa súbor načítal musíte do súboru functions.php vložiť tento kód:

function custom_login_css() { echo '<link rel="stylesheet" type="text/css" href="'.get_stylesheet_directory_uri().'/login/styl_login.css" />'; } add_action('login_head', 'custom_login_css');

Teraz si vytvoríme súbor styl_login.css. Je potrebné ho vložiť do adresára /login

V závislosti, čo vložíte do súboru tak takú funkcionalitu dosiahnete.
Nasledujúci kód zmení farbu pozadia:

body.login {
background: #021a2b;
}

Tento kód zmení logo WordPress na vaše vlastné. Vlastné logo nazvite logo.png a vložte ho do adresára /login:

.login h1 a {
background-image: url('../login/logo.png');
background-size: 300px 72px;
width: 300px;
height: 72px;
}

V závislosti, čo vložíte do súboru tak takú funkcionalitu dosiahnete.
Nasledujúci kód zmení farbu pozadia:

body.login {
background: #021a2b;
}

Ak si želáte logo posunúť, pre posunutie použite nasledujúci kód:

#login {
padding: 30px 0 0;
}

WordPress štandardne ukáže či je chybné meno alebo heslo. Ak chcete túto informáciu zatajiť, stačí pridať jednoduchý kód do súboru functions.php

add_filter('login_errors',create_function('$a', "return null;"));

Po prihlásení ste automaticky presmerovaní na Nástenku. Ak chcete aby sa prihlásení používatelia dostali na Úvodnú stránku, stačí pridať tento kód do súboru functions.php

function admin_login_redirect( $redirect_to, $request, $user )
{
global $user;
if( isset( $user->roles ) && is_array( $user->roles ) ) {
if( in_array( "administrator", $user->roles ) ) {
return $redirect_to; } else { return home_url();
}
}
else { return $redirect_to;
}
}
add_filter("login_redirect", "admin_login_redirect", 10, 3);

Nebaví vás vždy označiť tlačítko zapamätať si ma? Týmto jednoduchým kódom ho automaticky označíte. Stačí pridať tento kód do súboru functions.php

function login_checked_remember_me() {
add_filter( 'login_footer', 'rememberme_checked' );
}
add_action( 'init', 'login_checked_remember_me' );

function rememberme_checked() {
echo "<script>document.getElementById('rememberme').checked = true;</script>";
}