Главная
Wordpress
Лого как ссылка на главную, кроме главной WordPress
  • 07 Апр 2015г
  • 1473
  • 4
  • Рубрика: Wordpress

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

Лого ссылка

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

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

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

Чтобы добиться такого эффекта я использовал функцию о которой у меня уже есть статья - Вывод текста только на главной 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
(3 голоса, в среднем: 3.7 из 5)

Опубликовано 4 комментария

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

Заполните поля ниже. Ваш e-mail не будет опубликован. Обязательные поля помечены *

Уважаемые пользователи! При добавлении комментариев на сайт Вам следует соблюдать правила указанные под формой отправки комментариев.

Соблюдайте добавления комментариев

Это не спам *

Нажмите, чтобы добавить код в комментарий