Произвольный логотип на странице входа wp-login

Иногда нужно сменить логотипы WordPress на свои в админ-панели и при входе на сайт (страница wp-login.php).

Меняем лого при входе (wp-login.php)

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

Код ниже показывает как добавить свое лого на страницу входа - заменить логотип WordPress на свой. Такое изменение повысит брендированность сайта и добавит привелкательности.

Код нужно добавить в файл темы functions.php. Важно: логотип (картинка custom-login-logo.gif) должен находился по указанному адресу (в папке images в каталоге темы).

add_action( 'login_head', 'my_custom_login_logo' );
function my_custom_login_logo(){
	$url = get_bloginfo('template_directory') . '/images/custom-login-logo.gif';

	echo <<<CSS
	<style id="my-custom-logo-css">
		h1 a { background-image: url( $url ) !important; }
	</style>
	CSS;
}

Меняем ссылки при входе (wp-login.php)

Теперь можно изменить href атрибут тега <a> (ссылка на wordpress.org) и title ("Сайт работает на WordPress"):

add_filter( 'login_headerurl', fn() => home_url() );
add_filter( 'login_headertitle', fn() => '' );

Теперь при клике по логотипу нас перекинет на главную страницу сайта, а не на wordpress.org, и при наведении на логотип мы не увидим надпись "Сайт работает на WordPress".

Меняем логотип в админ-панели

Свой лого в админ-панели WordPress

Для этого используем хук admin_head:

add_action( 'admin_head', 'my_admin_logo' );
function my_admin_logo() {
	$url = get_bloginfo('template_directory') . '/images/favicon.png';

	echo <<<CSS
	<style id="my-custom-logo-css">
		#header-logo { background:url("$url") no-repeat 0 0 !important; }
	</style>
	CSS;
}

--

Меняем логотипы WordPress на свои в админке и на странице входа wp-login.php. Кастомный логотип, пользовательский логотип, собственный лого, фирменный знак, брендирование, ребрендинг, замена стандартного логотипа WordPress, установка своего логотипа в админ-панели и на странице авторизации.

Альтернатива для админки - использовать favicon.ico (иконка сайта, значок сайта). Я обычно делаю фавикон для каждого проекта и кладу его в каталог темы. favicon.ico отображается во вкладках и закладках браузера, может показываться в поиске и используется разными сервисами и каталогами, поэтому желательно иметь уникальную иконку. Для создания иконок я использую Icon Lover (ссылку на скачивание не знаю), программа платная.