Змінюємо сторінку входу 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 стилів.