X
Заказать услугу

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

Плагины и Шаблоны для Wordpress
  • 2018-12-11
  • 6363 просмотр

    4 комментарий

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

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

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

Лого ссылка

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

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

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

<?php if (is_front_page() ) {
echo'<div id="logo"></div>'; 
} else { 
echo '<a title="На главную" href="http://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. А вы делаете свой логотип ссылкой на главную или предпочитаете делать кнопку в меню - Главная?

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

Если Вам был полезным мой труд, можете поддержать сайт, обменяться со мной текстовыми ссылками или посмотреть рекламку, что займет 2 минуты :)

Оцените статью
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
Проголосовало: 5, в среднем: 4.2 из 5
Читайте также
Опубликовано 4 комментария

Добавить комментарий

Чтобы оставить комментарий - заполните поля ниже. Ваш e-mail не будет опубликован. Все поля обязательны

Нажмите, чтобы добавить код в комментарий. Далее добавьте свой код внутрь тегов <code> тут код </code>
Я ознакомлен(а) с политикой конфиденциальности и даю согласие на обработку персональных данных*

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.