Меняем страницу входа WordPress
Чаще всего разработчики оставляют страницу входа такой, какая она была после установки. Но согласитесь любого клиента впечатлит необычный дизайн входа в панель управления WordPress, особенно если в оформлении будут использованы фирменные цвета организации.
Передо мной стала эта задача когда клиент попросил сделать закрытый корпоративный сайт на котором будут сидеть как он сказал не меньше 200 человек.
Покопавшись в рунете и байнете я нашол неплохой урок по изменению страницы входа в WordPress и сразу решил его попробовать.
На первом этапе меняем логотип страницы входа.
Вставьте код к себе в файл function.php.
1 2 3 4 5 |
function fb_custom_login_logo() { $style = '<style type="text/css"> h1 a { background: transparent url(' . get_bloginfo('url') . '/favicon.ico) no-repeat 30px center !important; } </style>'; echo $style; } add_action( 'login_head', 'fb_custom_login_logo' ); |
Сейчас мы скорректировали логотип, но имя, которое мы видим при наведении, все равно не то что нам необходимо.
Код для смены текста в title
Для рабты скрипта, вставьте код к себе в файл function.php
1 2 3 4 |
function fb_login_headertitle() { return esc_attr( get_bloginfo( 'name', 'display' ) ); } add_filter( 'login_headertitle', 'fb_login_headertitle' ); |
Меняем ссылку на логотипе страницы входа
Сделаем ссылку на главную страницу сайта, для этого вставьте код к себе в файл function.php.
1 2 3 4 |
function fb_login_headerurl() { return esc_url( home_url( '/' ) ); } add_filter( 'login_headerurl', 'fb_login_headerurl' ); |
Это были три обязательных шага которые важны при создании красивого и профессионального сайта.
Еще можно подключать стили для оформления страницы входа.
1 2 3 4 5 6 |
// custom login for theme // folder themes/theme_name/custom-login/ function fb_custom_login() { echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('template_directory') . '/custom-login/custom-login.css" />'; } add_action('login_head', 'fb_custom_login'); |
Таким способом можно менять темы оформления входа просто из подключеных css стилей.
/*
- Базовый курс по веб-дизайну;
- Верстка сайтов;
- Общий курс по CMS WordPress и продолжение курса по разработке шаблонов;
- Разработка сайтов на PHP.