Своя форма для входа в админ панель WordPress.

Всё чаще сталкиваюсь с необходимостью изменить отображение формы для входа в админ панель, а может даже убрать её вовсе, чтобы замаскировать сайт на ВордПрессе под неизвестную CMS. Так вот решение лежит на поверхности — нужно применить хук в файле functions.php.

function login_enqueue_scripts(){
 echo '
 <div></div>
 <style type="text/css" media="screen">
 .background-cover{
 background:url('.get_bloginfo('template_directory').'/images/background) no-repeat center center fixed;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 position:fixed;
 top:0;
 left:0;
 z-index:10;
 overflow: hidden;
 width: 100%;
 height:100%;
 }
 #login{ z-index:9999; position:relative; }
 .login form { box-shadow: 0px 0px 0px 0px !important; }
 .login h1 a { background:url('.get_bloginfo('template_directory').'/images/logo.png) no-repeat center top !important; }
 input.button-primary, button.button-primary, a.button-primary{
 border-radius: 3px !important; background:url('.get_bloginfo('template_directory').'/images/button.jpg);
 border:none !important;
 font-weight:normal !important;
 text-shadow:none !important;
 }
 .button:active, .submit input:active, .button-secondary:active {
 background:#96C800 !important;
 text-shadow: none !important;
 }
 .login #nav a, .login #backtoblog a {
 color:#fff !important;
 text-shadow: none !important;
 }
 .login #nav a:hover, .login #backtoblog a:hover{
 color:#96C800 !important;
 text-shadow: none !important;
 }
 .login #nav, .login #backtoblog{
 text-shadow: none !important;
 }
 </style>
 ';
 }
add_action( 'login_enqueue_scripts', 'login_enqueue_scripts' );

Добавить комментарий