1 745 Если вы устали от плагинов для WordPress, то вам подойдет следующий хак для смены оформления страницы WP Login.
В хаке можно поправить вручную бэкграунд, лого, оформление кнопки и ссылок. Для этого, просто скопируйте фоновые изображения в папку с вашей темой, после вставьте этот хак в файл functions.php (не забудьте поменять пути для изображений).
Спасибо за внимание!
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 |
//--------------- Login Screen Wallpaper ---------------// function login_enqueue_scripts(){ echo ' <div class="background-cover"></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 { -moz-box-shadow: 0px 0px 0px 0px !important; -webkit-box-shadow: 0px 0px 0px 0px !important; 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 { -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius: 3px !important; -khtml-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' ); |
А можно как-то замсотить картинку?
Пробовал вместо «no-repeat center center fixed» ставить repeat — не помогает...