Хлебные крошки для WP – это ведь так просто!
Недавно нужно было организовать на одном из своих сайтов, сделанных на WordPress, хлебные крошки. Думал, что уже есть грамотное придуманное решение для этого. Сначала пошел в Google – он ничего мне не подсказал. Потом пошел на форумы, там то точно должно быть, нашел что-то корявенькое, с багами, недоработками, криво выводящее мои крошечки. В итоге подумал, а почему бы мне их самому не организовать?
Для начала, что такое хлебные крошки?
Хлебные крошки – иными словами навигационная цепочка, которая чаще всего встречается вверху сайта. Выглядит эта цепочка в виде блока внутренних ссылок, например Главная -> Раздел -> Статья. Какую же пользу из этого можно извлечь? Во-первых, самая прямая польза для посетителей вашего сайта, потому как хлебные крошки – это одна из важных составляющих юзабилити сайта (юзабили – это другими словами удобства сайта), т.е. человек, зашедший, допустим, из поисковой системы на ваш сайт прямо в статью – видел логическую цепочку и мог с легкостью перейти в раздел статей той же тематики. С другой стороны – это является элементом перелинковки сайта, т.е. помимо пользователей есть и поисковые системы и через хлебные крошки вы можете сообщить роботу дополнительно о ключевых фразах в анкорах ссылок.
Идею организации хлебных крошек именно этим способом подал мне Alex Volkov. На самом деле это простой php+html и держится это все на логических условиях «Если – То». Все довольно просто. Вот сам код:
<ul id=»breadcrumb»>
<!– Выводит название и ссылку на главную страницу –>
<li><a href=»/» title=»Женский журнал Украины»>Женский журнал Украины</a></li><!– Выводит главную страницу >> название категории –>
<?php if (is_category()) { ?>
<li>»</li>
<li><?php the_category(’, ‘) ?></li>
<?php } ?><!– Выводит главную страницу >> название категории >> название статьи –>
<?php if( (!is_home()) AND (!is_category()) AND (!is_tag()) ) { ?>
<li>»</li>
<li><?php the_category(’, ‘) ?></li>
<li>»</li>
<li><strong><?php the_title(); ?></strong></li>
<?php } ?><!– Выводит главную страницу >> название тега (метки) в кавычках –>
<?php if(is_tag()) { ?>
<li>»<strong>»<?php single_tag_title(); ?>»</strong></li>
<?php } ?></ul>
И CSS от моего сайта для него:
#breadcrumb {
background: #F5CADA url(i/content-top.gif) 3px no-repeat;
font: 12px Verdana;
height:30px;
line-height:30px;
color:#696969;
width: 98.7%;
overflow:hidden;
margin:0px;
padding-left: 10px;
}
#breadcrumb li {
list-style-type:none;
float:left;
padding-left:10px;
}
#breadcrumb a {
height:30px;
display:block;
background-image:url('/images/bc_separator.png');
background-repeat:no-repeat;
background-position:right;
text-decoration: none;
outline: none;
color:#E9508D;
}
.home {
border:none;
margin: 8px 0px;
}
#breadcrumb a:hover {
text-decoration: underline;
}
Подписал комментариями, какая часть кода и за что отвечает. Можно просто перестроить и для других страниц, если вы используете что-то кроме категорий, статей, страниц и меток (тэгов).
P.s. я не программист, поэтому может быть что-то неграмотно написал с точки зрения php, но это точно грамотнее, чем я находил в сети.
P.s.s. только смотрите внимательно комментарии, потому что WP урезал одно «-» везде.
-
http://webjunk.ru WebJunk
-
http://www.first-parfumer.ru/ Аромыч
-
http://shpris.ru DoomsDays
-
http://meta-news.ru Metare
-
http://www.0t4.ru/ Портал 0t4
-
http://ktonanovenkogo.ru/ Дмитрий
-
http://nodar.name/ admin
-
http://selkinvitaly.ru Виталий
-
http://nodar.name/ admin
-
http://selkinvitaly.ru Виталий
-
http://www.cms-systems.ru Iceman
-
http://blogroot.ru/ Олег
-
http://secrety.msk.ru Ewa
-
http://nodar.name/ admin
-
http://www.otvetgid.ru/ Дмитрий
-
http://pokervufe.ru MsMitay
-
http://stroi-vse-sam.org.ua/ Руками
-
http://notebook.rv.ua NetBlog
-
http://viprost.ru/ Иван
-
http://%/2.html WebLogger
-
http://%/spasibo11 Alexander
-
http://www.nayjest.ru/ Nayjest размышляет о SEO
-
http://testmycomps.ru/index.html tarkuts
-
http://www.filmsreal.ru Everouge
-
http://freeznak.ru/ Valera
-
http://wayofwinner.ru Валерий
-
http://mythaidog.com Thai Ridgeback Dog
-
http://www.yoursauto.com/ MTV
-
http://lonelywolf.ru lonelywolf.ru
-
http://eda-edovna.ru/ Павел
-
http://swsait.ru MISHA
-
http://opel.motors.ru astra
-
http://www.jlady.ru/ Света
-
http://www.inter-bilet.ru/ Анна
-
http://pensionary.ru Пенсия
-
http://senka.ru chii
-
http://pavlyxa.ru Павел Уханов
-
http://seodelo.com/ SeoDelo
-
http://pavlyxa.ru Павел Уханов
-
http://kotoblog.com Илья
-
http://www.zarabotokest.ru/ Dezm
-
http://pavlyxa.ru Павел Уханов
-
http://ab-w.net/HTML/HTML.php Ирен
-
http://reliz-online.ru Женя
-
http://rabotanova.ru Евгений
-
http://seopractices.ru/ Васин Сергей
-
http://www.olgablog.ru/ Ольга
-
Chikir
-
Violetta
-
Елена
-
http://nodar.name/ Нодар Гиоргадзе
-
Dirbiz
-
VeryOldCat
-
Андрей
-
Николай
-
Татьяна
-
Никита
-
http://twitter.com/sutogan4ik u0410u043du0434u0440u0435u0439 u0411u0440u0443u0447u043au043e