شخصی سازی صفحه ی wp-login.php

همونطر که قبلا با افزونه Erident Custom Login and Dashboard  آشنا شدید می تونید صفحه ی ورود یا همونlogin.php رو شخصی سازی کنید.اما این بار می خواهیم که این کار رو بدون افزونه انجام بدیم.شاید شما بنا به مسائل امنیتی یا بنا به حجم مصرفی نخواهید که افزونه های زیادی رو نصب کنید و بخواهید با کد نویسی این کار رو انجام بدید …

برای این کار کد زیر رو به فایل function قالبتون اضافه کنید :

[php]<pre><?php function custom_loginlogo() {
echo ‘<style type="text/css">
h1 a {background-image: url(‘.get_bloginfo(‘template_directory’).’/imgs/logo.png) !important; }
</style>’;
}
add_action(‘login_head’, ‘custom_loginlogo’);
?></pre>
[/php]

توجه کنید : imgs/logo.png آدرس عکس داخل فولدر قالب شماست میتوانید آن را به هر آدرسی که دوست دارید تغییر دهید.

برای تعویض قالب کل صفحه هم دستورات زیر را به function.php اضافه کنید :

[php]<pre>function my_login_stylesheet() { ?>
<link rel="stylesheet" id="custom_wp_admin_css" href="<?php echo get_bloginfo( ‘stylesheet_directory’ ) . ‘/style-login.css’; ?>" type="text/css" media="all" />
<?php }
add_action( ‘login_enqueue_scripts’, ‘my_login_stylesheet’ );</pre>
[/php]

و یک برگه با نام style-login.css بسازید و در روت قالب خود قرار دهید
با قرار دادن و ویرایش و مقدار گذاری کدهای زیر در برگه ای که ساختید می توانید  wp-login.php  با نمای دلخواه خود بسازید

[php]<pre>body.login {}
body.login div#login {}
body.login div#login h1 {}
body.login div#login h1 a {}
body.login div#login form#loginform {}
body.login div#login form#loginform p {}
body.login div#login form#loginform p label {}
body.login div#login form#loginform input {}
body.login div#login form#loginform input#user_login {}
body.login div#login form#loginform input#user_pass {}
body.login div#login form#loginform p.forgetmenot {}
body.login div#login form#loginform p.forgetmenot input#rememberme {}
body.login div#login form#loginform p.submit {}
body.login div#login form#loginform p.submit input#wp-submit {}
body.login div#login p#nav {}
body.login div#login p#nav a {}
body.login div#login p#backtoblog {}
body.login div#login p#backtoblog a {}</pre>
[/php]

در ادامه هم اگه دوست دارید می تونید آدرس صفحه ی login خودتون رو برای امنیت بیشتر تغییر دهید که می تونید اونرو از آموزش قبلی در همین سایت دنبال کنید.