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

Опубликовано 06.08.201830.08.2024 автором Денис Янчевский

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

Зачем изменять логотип на странице входа?

По умолчанию на странице входа отображается логотип WordPress, который ведёт на сайт ru.wordpress.org. Стандартный логотип не несёт никакой смысловой нагрузки для пользователей сайта и может только запутать. Поэтому, если страница входа активно используется пользователями сайта, вы можете сделать её более брендированной, добавив свой логотип и ссылку на свой сайт.

Изменяем логотип на странице входа с помощью сниппета

Добавляем на сайт следующий сниппет.

add_action( 'login_enqueue_scripts', 'wpspec_custom_login_logo' );

function wpspec_custom_login_logo() {
	?>
	<style>
		body.login h1 a {
			background: url('myimage') no-repeat;
			width: 100px;
			height: 100px;
		}
	</style>
	<?php
}

add_action( 'login_enqueue_scripts', 'wpspec_custom_login_logo' );

function wpspec_custom_login_logo() {

<style>

body.login h1 a {

background: url('myimage') no-repeat;

width: 100px;

height: 100px;

}

</style>

<?php

}

Переходим в раздел «Медиафайлы» и загружаем новый логотип.

Щёлкаем по загруженному логотипу, копируем путь в поле «URL» (1) и запоминаем размеры (2).

Указываем путь к файлу и размеры в ранее вставленном сниппете.

add_action( 'login_enqueue_scripts', 'wpspec_custom_login_logo' );

function wpspec_custom_login_logo() {
	?>
	<style>
		body.login h1 a {
			background: url('http://test.wpcute.ru/files/2018/09/custom-login-logo.png') no-repeat;
			width: 128px;
			height: 128px;
		}
	</style>
	<?php
}

add_action( 'login_enqueue_scripts', 'wpspec_custom_login_logo' );

function wpspec_custom_login_logo() {

<style>

body.login h1 a {

background: url('http://test.wpcute.ru/files/2018/09/custom-login-logo.png') no-repeat;

width: 128px;

height: 128px;

}

</style>

<?php

}

Сохраняем изменения и проверяем результат.

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

add_filter( 'login_headerurl', 'wpspec_custom_login_logo_url' );

function wpspec_custom_login_logo_url() {
	return 'https://wpcute.ru/';
}

add_filter( 'login_headertitle', 'wpspec_custom_login_logo_url_title' );

function wpspec_custom_login_logo_url_title() {
	return 'Поддержка сайтов на WordPress';
}

add_filter( 'login_headerurl', 'wpspec_custom_login_logo_url' );

function wpspec_custom_login_logo_url() {

return 'https://wpcute.ru/';

}

add_filter( 'login_headertitle', 'wpspec_custom_login_logo_url_title' );

function wpspec_custom_login_logo_url_title() {

return 'Поддержка сайтов на WordPress';

}

Не забудьте заменить ссылку и title на свои значения.

6 комментариев к записи «Как изменить логотип на странице входа в WordPress»

Nina:

17.12.2018 в 18:49

Здравствуйте! Если в системную страницу был вставлен блок редирект на страницу сайта, как можно теперь это отменить? При входе на эту страницу из вкладки сайты-системные страницы-выбранная системная страница (в моем случае это открытый профиль пользователя) сразу же, естественно происходит редирект на страницу сайта, и возможности ее убрать нет
1. Денис Янчевский:
  
  25.12.2018 в 02:33
  
  Здравствуйте.
  1. Что такое системная страница?
  2. Вы используете какой-то плагин для профилей пользователей?
Юлия:

21.03.2020 в 11:14

Спасибо большое! Получилось!!!
Денис:

03.03.2021 в 12:51

Почему вы ни где не пишете куда вставлять код, в каком снипере, где он находится или где его создать, куда положить?
Не все видя код — могут понять, куда его вставлять…
Sho:

13.11.2022 в 08:40

СПАСИБО!!!
Богдан:

20.07.2023 в 12:47

Спасибо за совет, все работает. Единственный вопрос, будет ли это работать после того, когда вордпрес обновится до следующей версии?
П.С. кто не понял куда вставлять код: панель администратора — внешний вид — редактор тем — functions.php (добавляем в самый низ файла)

Обсуждение закрыто.