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

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

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

логотип авторизации вордпресс

Для начала подготовим логотип размером 326х67 пикселей в формате .png с прозрачным фоном и разместим его в папке images текущей темы. Кто не знает, ищем в папке wp-content папку themes и уже в ней находим директорию с названием своей темы.

Далее выделите и скопируйте данный код:

function my_login_logo(){
   echo '
   <style type="text/css">
        #login h1 a { background: url('. get_bloginfo('template_directory') .'/images/logo.png) no-repeat 0 0 !important; }
    </style>';
}
add_action('login_head', 'my_login_logo');

Теперь скопированный код нужно вставить в конце файла functions.php, который находится в корне вашей темы.

Но ваш логотип будет обрезанным, потому что в стилях указаны размеры высоты и ширины файла 84 на 84. Чтобы исправить недоразумение, нужно в файле wp-admin/css/login.min.css изменить height:84px и width:84px на height:67px и width:326px

Наслаждаемся результатом.

Ещё поменяем ссылку логотипа с сайта вордпресс на свою главную страницу.
Для этого скопируйте код:

/* Ставим ссылку с логотипа на сайт, а не на wordpress.org */
add_filter( 'login_headerurl', create_function('', 'return get_home_url();') );
 
/* убираем title в логотипе "сайт работает на wordpress" */
add_filter( 'login_headertitle', create_function('', 'return false;') );

И вставьте его в самом низу файла functions.php

Поделиться ссылкой:
Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (3 оценок, среднее: 5,00 из 5)

Оставьте комментарий