Як у Вордпресі змінити логотип на сторінці входу на сайт
У цій статті я покажу, як на екрані авторизації за допомогою коду ви зможете замінити стандартний логотип WordPress на свій.
Отже, ви намагаєтесь залогінитися на сайт через сторінку wp-login.php. На екрані ви бачите стандартний логотип Вордпресу:
Вам він не потрібен, ви хочете, щоб замість нього відображався ваш логотип. Причому щоб посилання вело на ваш сайт, а не на сайт Вордпреса. Щоб це виправити, вам потрібно буде додати наступний код у файл functions.php:
<?php
/* Це ми вставили - Початок */
function editLoginPage() { ?>
<style type="text/css">
#login h1 a {
background-image: url(https://webgolovolomki.com/wp-content/themes/golovolomka/img/icons/help.svg);
display: block;
width: 272px;
height: 92px;
background-size: auto;
}
</style>
<?php }
add_action('login_enqueue_scripts', 'editLoginPage');
function editLoginPageTitle() {
return 'Web Головоломки';
}
add_action('login_headertext', 'editLoginPageTitle');
function editLoginPageTitleUrl() {
return 'https://webgolovolomki.com';
}
add_action('login_headerurl', 'editLoginPageTitleUrl');
/* Це ми вставили - Кінець */
?>Тепер наша сторінка входу виглядатиме ось так:
Давайте тепер докладно розберемо, що ми зробили.
Ми прописали три функції: перша функція (editLoginPage) додає на сторінку wp-login потрібні нам стилі. За замовчанням логотип WordPress прописаний у стилях, і за допомогою додавання своїх стилів ми переписуємо це.
Вам потрібно лише змінити значення у властивості background-image. Вставте посилання на свій логотип. Також підставте потрібні значення height і width, залежно від розміру вашого лого.
Далі функція editLoginPageTitle змінює вміст усередині посилання. Ви можете її і не додавати, адже вміст ховається під логотипом.
Щоб було зрозуміло, відкрийте інспектор:
Зверніть увагу на div з айдішкою login і все що всередині нього. Тепер ви краще знаєте, як відображається логотип на сторінці входу 🙂
І остання, третя функція editLoginPageTitleUrl повертає нам адресу сайту, на який буде здійснено перехід, коли користувач натисне на лого. Вставте значення.
Після цього ми додаємо наші функції до певних подій (action).
Наприкінці статті додав відео. Я намагався докладно пояснити, як змінити логотип на сторінці входу WordPress.
Якщо залишилися питання чи щось не виходить – пишіть у коментарях.
