30 Май, 2019

Как изменить лого на странице авторизации WordPress без плагинов

Частенько бывает, что хочется изменить стандартную страничку авторизации WordPress (wp-login.php) и в том числе, изменить логотип WordPress на лого вашего сайта или компании. Конечно, существуют разные плагины для того, чтобы сделать это легко, или данная функция может быть встроена настройки вашей темы, но все это добавляет лишние запросы к базе данных (через get_option).

Поэтому предлагаю вам код, который меняет лого на любое желаемое:

function gb_custom_login_logo() {
echo PHP_EOL . '<style type="text/css">
#login h1 a {
background-image:url(/wp-content/uploads/new_logo.gif) !important;
width: 100px;
height: 120px;
-webkit-background-size: 100px 120px;
background-size: 100px 120px;
}
</style>' . PHP_EOL;
}
add_action('login_head', 'gb_custom_login_logo');

Вам нужно загрузить ваше новое изображение в Медиафайлы, если оно еще не загружено, или скопировать ссылку на него, и заменить в коде выше «/wp-content/uploads/new_logo.gif» на вашу ссылку.

Также в этом коде не забудьте изменить 100 на ширину вашего лого и 120 на высоту вашего лого, чтобы оно не сжалось в квадрат 🙂

Затем нужно скопировать получившийся код, зайти в Админ-панель > Внешний вид > Редактор > найти справа в списке пункт functions.php (Функции темы), открыть его и аккуратно (в конец, перед символами «?>», если есть) вставить туда скопированный код.

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

/* 
 Заменить ссылку под лого на странице входа в админку 
*/
function gb_custom_loginlogo_url( $url ) 
{ 
 return 'https://twog.me/'; 
} 
add_filter( 'login_headerurl', 'gb_custom_loginlogo_url' ); 

Как поменять аттрибут title у лого на странице входа в админ-панель WordPress?

/*
 Заменить title лого на странице входа в админку 
*/
function gb_custom_loginlogo_title( $url ) { 
 return 'Ваш текст для замены'; 
} 
add_filter( 'login_headertitle', 'gb_custom_loginlogo_title' );

Как скрыть ссылку «Назад к сайту …» на странице входа в админку WordPress?

/*
 Убрать ссылку "Назад к сайту"
*/
function gb_hide_backtoblog() {
    echo '<style type="text/css">#login #backtoblog { display: none !important; }</style>';
}
add_action('login_head', 'gb_hide_backtoblog');

Как скрыть ссылку «Забыли пароль?» на странице входа в админку WordPress?

/*
 Убрать ссылку "Назад к сайту"
*/
function gb_hide_forgotpass() {
    echo '<style type="text/css">#login #nav { display: none !important; }</style>';
}
add_action('login_head', 'gb_hide_forgotpass');

Все указанные в статье правки в сжатом виде

/*
 Скрыть "Назад к сайту"
 Скрыть "Забыли пароль?"
 Изменить изображение и размер лого над формой
*/
function gb_admin_login_styles() {
    echo PHP_EOL.'<style type="text/css">
#login h1 a {
 background-image:url(/wp-content/uploads/new_logo.gif) !important;
 width: 100px;
 height: 120px;
 -webkit-background-size: 100px 120px;
 background-size: 100px 120px;
}
#login #backtoblog { display: none !important; }
#login #nav { display: none !important; }
</style>' . PHP_EOL;
}
add_action('login_head', 'gb_admin_login_styles');

/*
 Заменить title лого на странице входа в админку 
*/
function gb_custom_loginlogo_title( $url ) { 
 return 'Ваш текст для замены'; 
} 
add_filter( 'login_headertitle', 'gb_custom_loginlogo_title' );

/* 
 Заменить ссылку под лого на странице входа в админку 
*/
function gb_custom_loginlogo_url( $url ) 
{ 
 return 'https://twog.me/'; 
} 
add_filter( 'login_headerurl', 'gb_custom_loginlogo_url' ); 

ВАМ ПОНРАВИТЬСЯ

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *