Дизайн та розробка сайту

Лого как ссылка на главную, кроме главной WordPress

Лого ссылка

Доброго времени суток. 🙂

Возможно, кто-то из Вас заметил, что на моем сайте логотип работает как ссылка на главную страницу, но только не на главной. На главной это просто изображение.

Лого ссылка

Это сделано для того, что бы избежать цикличности ссылки, это когда страница ссылается на саму себя. Так же, для того чтобы убрать лишнюю внутреннюю ссылку с главной. Это я сделал для уменьшения внутренних ссылок, в которых нет нужды.

Чтобы добиться такого эффекта я использовал функцию о которой у меня уже есть статья - Вывод текста только на главной WordPress. Только немного изменил условие. Ссылка выводится как раз везде кроме главной.

Лого будет выводится с помощью div блока. Зададим ему ID и стили. Если хотите, можете выводить с помощью тега img и напрямую подключать изображение. Готовый код, который нужно вставить в том месте, где Вы хотите вывести лого. Это нужно делать в файле header.php.

<?php if (is_front_page() ) {
echo'<div id="logo"></div>'; 
} else { 
echo '<a title="На главную" href="https://gnatkovsky.com.ua"><div id="logo"></div></a>';
} ?>

Ссылку на главную страницу сайта в 4 строке кода меняем на свою. Далее в файле style.css, добавляем нашему блоку с лого стили и указываем путь к изображению.

#logo{
	background:url(images/logo.png) no-repeat;
	width:190px;
	height:75px;
	}

Все очень просто. Суть способа в том, что на главной, наше лого это просто блок а на остальных страницах, мы заключаем его в тег - A, делая ссылку, которую тоже указываем на главную страницу сайта.

P.S. А вы делаете свой логотип ссылкой на главную или предпочитаете делать кнопку в меню - Главная?

На этом все, спасибо за внимание. 🙂

Дизайн та розробка сайту

Back to top