Меняем страницу входа WordPress

- Николаенко Максим · Опубликовано 2 октября, 2012 · Обновлено 27 августа, 2020

Содержание скрыть

1 На первом этапе меняем логотип страницы входа.

3 Меняем ссылку на логотипе страницы входа

Чаще всего разработчики оставляют страницу входа такой, какая она была после установки. Но согласитесь любого клиента впечатлит необычный дизайн входа в панель управления WordPress, особенно если в оформлении будут использованы фирменные цвета организации.

Передо мной стала эта задача когда клиент попросил сделать закрытый корпоративный сайт на котором будут сидеть как он сказал не меньше 200 человек.

Покопавшись в рунете и байнете я нашол неплохой урок по изменению страницы входа в WordPress и сразу решил его попробовать.

На первом этапе меняем логотип страницы входа.

Вставьте код к себе в файл function.php.

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' );

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

function fb_login_headertitle() {
	return esc_attr( get_bloginfo( 'name', 'display' ) );
}
add_filter( 'login_headertitle', 'fb_login_headertitle' );

function fb_login_headertitle() {

return esc_attr( get_bloginfo( 'name', 'display' ) );

}

add_filter( 'login_headertitle', 'fb_login_headertitle' );

Меняем ссылку на логотипе страницы входа

Сделаем ссылку на главную страницу сайта, для этого вставьте код к себе в файл function.php.

function fb_login_headerurl() {
	return esc_url( home_url( '/' ) );
}
add_filter( 'login_headerurl', 'fb_login_headerurl' );

function fb_login_headerurl() {

return esc_url( home_url( '/' ) );

}

add_filter( 'login_headerurl', 'fb_login_headerurl' );

Это были три обязательных шага которые важны при создании красивого и профессионального сайта.

Еще можно подключать стили для оформления страницы входа.

// 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');

// 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 стилей.