Доброго дня! Сегодня я расскажу, как установить на блог хлебные крошки WordPress без плагина и с помощью плагина Breadcrumb NavXT. Об этом я должен был написать еще в первых уроках. О хлебных крошках, наверное, слышал каждый блогер, но не у всех на блоге они есть. Что это за крошки и для чего нужны?
Хлебные крошки — это дополнительная навигация по сайту, плюс перелинковка. Известно, что для лучшего продвижения, с главной страницы до любого поста, должно быть не более 3 кликов. Хлебные крошки не сокращают путь до статьи, но указывают путь, например, главная ► плагины ► пост.
Хлебные крошки полезно устанавливать на сайты со сложной структурой, где много подрубрик и подстраниц. Таким образом, посетитель, находясь на любой странице Вашего сайта, видит, где он находится, т. е. в какой рубрике и подрубрике. Если Вы не хотите возиться с кодом, или боитесь редактировать файлы шаблона, тогда можете установить плагин, который называется Breadcrumb NavXT. Ссылку на плагин Breadcrumb NavXT, Вы увидите чуть ниже.
В этот раз, я подсмотрел код на другом сайте. Код ниже надо установить в файл functions.php. Я его добавил вначале файла после функции <?php
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 |
function dimox_breadcrumbs() { /* === ОПЦИИ === */ $text['home'] = 'Главная'; // текст ссылки "Главная" $text['category'] = 'Архив рубрики "%s"'; // текст для страницы рубрики $text['search'] = 'Результаты поиска по запросу "%s"'; // текст для страницы с результатами поиска $text['tag'] = 'Записи с тегом "%s"'; // текст для страницы тега $text['author'] = 'Статьи автора %s'; // текст для страницы автора $text['404'] = 'Ошибка 404'; // текст для страницы 404 $show_current = 1; // 1 - показывать название текущей статьи/страницы/рубрики, 0 - не показывать $show_on_home = 0; // 1 - показывать "хлебные крошки" на главной странице, 0 - не показывать $show_home_link = 1; // 1 - показывать ссылку "Главная", 0 - не показывать $show_title = 1; // 1 - показывать подсказку (title) для ссылок, 0 - не показывать $delimiter = ' &raquo; '; // разделить между "крошками" $before = '<span class="current">'; // тег перед текущей "крошкой" $after = '</span>'; // тег после текущей "крошки" /* === КОНЕЦ ОПЦИЙ === */ global $post; $home_link = home_url('/'); $link_before = '<span typeof="v:Breadcrumb">'; $link_after = '</span>'; $link_attr = ' rel="v:url" property="v:title"'; $link = $link_before . '<a' . $link_attr . ' href="%1$s">%2$s</a>' . $link_after; $parent_id = $parent_id_2 = $post->post_parent; $frontpage_id = get_option('page_on_front'); if (is_home() || is_front_page()) { if ($show_on_home == 1) echo '<div class="breadcrumbs"><a href="' . $home_link . '">' . $text['home'] . '</a></div>'; } else { echo '<div class="breadcrumbs" xmlns:v="http://rdf.data-vocabulary.org/#">'; if ($show_home_link == 1) { echo '<a href="' . $home_link . '" rel="v:url" property="v:title">' . $text['home'] . '</a>'; if ($frontpage_id == 0 || $parent_id != $frontpage_id) echo $delimiter; } if ( is_category() ) { $this_cat = get_category(get_query_var('cat'), false); if ($this_cat->parent != 0) { $cats = get_category_parents($this_cat->parent, TRUE, $delimiter); if ($show_current == 0) $cats = preg_replace("#^(.+)$delimiter$#", "$1", $cats); $cats = str_replace('<a', $link_before . '<a' . $link_attr, $cats); $cats = str_replace('</a>', '</a>' . $link_after, $cats); if ($show_title == 0) $cats = preg_replace('/ title="(.*?)"/', '', $cats); echo $cats; } if ($show_current == 1) echo $before . sprintf($text['category'], single_cat_title('', false)) . $after; } elseif ( is_search() ) { echo $before . sprintf($text['search'], get_search_query()) . $after; } elseif ( is_day() ) { echo sprintf($link, get_year_link(get_the_time('Y')), get_the_time('Y')) . $delimiter; echo sprintf($link, get_month_link(get_the_time('Y'),get_the_time('m')), get_the_time('F')) . $delimiter; echo $before . get_the_time('d') . $after; } elseif ( is_month() ) { echo sprintf($link, get_year_link(get_the_time('Y')), get_the_time('Y')) . $delimiter; echo $before . get_the_time('F') . $after; } elseif ( is_year() ) { echo $before . get_the_time('Y') . $after; } elseif ( is_single() && !is_attachment() ) { if ( get_post_type() != 'post' ) { $post_type = get_post_type_object(get_post_type()); $slug = $post_type->rewrite; printf($link, $home_link . '/' . $slug['slug'] . '/', $post_type->labels->singular_name); if ($show_current == 1) echo $delimiter . $before . get_the_title() . $after; } else { $cat = get_the_category(); $cat = $cat[0]; $cats = get_category_parents($cat, TRUE, $delimiter); if ($show_current == 0) $cats = preg_replace("#^(.+)$delimiter$#", "$1", $cats); $cats = str_replace('<a', $link_before . '<a' . $link_attr, $cats); $cats = str_replace('</a>', '</a>' . $link_after, $cats); if ($show_title == 0) $cats = preg_replace('/ title="(.*?)"/', '', $cats); echo $cats; if ($show_current == 1) echo $before . get_the_title() . $after; } } elseif ( !is_single() && !is_page() && get_post_type() != 'post' && !is_404() ) { $post_type = get_post_type_object(get_post_type()); echo $before . $post_type->labels->singular_name . $after; } elseif ( is_attachment() ) { $parent = get_post($parent_id); $cat = get_the_category($parent->ID); $cat = $cat[0]; if ($cat) { $cats = get_category_parents($cat, TRUE, $delimiter); $cats = str_replace('<a', $link_before . '<a' . $link_attr, $cats); $cats = str_replace('</a>', '</a>' . $link_after, $cats); if ($show_title == 0) $cats = preg_replace('/ title="(.*?)"/', '', $cats); echo $cats; } printf($link, get_permalink($parent), $parent->post_title); if ($show_current == 1) echo $delimiter . $before . get_the_title() . $after; } elseif ( is_page() && !$parent_id ) { if ($show_current == 1) echo $before . get_the_title() . $after; } elseif ( is_page() && $parent_id ) { if ($parent_id != $frontpage_id) { $breadcrumbs = array(); while ($parent_id) { $page = get_page($parent_id); if ($parent_id != $frontpage_id) { $breadcrumbs[] = sprintf($link, get_permalink($page->ID), get_the_title($page->ID)); } $parent_id = $page->post_parent; } $breadcrumbs = array_reverse($breadcrumbs); for ($i = 0; $i < count($breadcrumbs); $i++) { echo $breadcrumbs[$i]; if ($i != count($breadcrumbs)-1) echo $delimiter; } } if ($show_current == 1) { if ($show_home_link == 1 || ($parent_id_2 != 0 && $parent_id_2 != $frontpage_id)) echo $delimiter; echo $before . get_the_title() . $after; } } elseif ( is_tag() ) { echo $before . sprintf($text['tag'], single_tag_title('', false)) . $after; } elseif ( is_author() ) { global $author; $userdata = get_userdata($author); echo $before . sprintf($text['author'], $userdata->display_name) . $after; } elseif ( is_404() ) { echo $before . $text['404'] . $after; } elseif ( has_post_format() && !is_singular() ) { echo get_post_format_string( get_post_format() ); } if ( get_query_var('paged') ) { if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ' ('; echo 'Страница ' . get_query_var('paged'); if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ')'; } echo '</div><!-- .breadcrumbs -->'; } } // end dimox_breadcrumbs() |
А код ниже, установите в то место, где хотите видеть путь (хлебные крошки), на своем блоге. Хлебным крошкам самое место в следующих файлах: index.php, single.php, page.php, archive.php и search.php
|
1 |
<?php if (function_exists('dimox_breadcrumbs')) dimox_breadcrumbs(); ?> |
Осталось крошки оформить под свой шаблон с помощью стилей CSS. Если разбираетесь, то в файле style.php надо прописать два класса .breadcrumbs и .current и добавить стили. Можно обойтись и без оформления, но крошки тогда будут мало заметны на блоге.
Коды — рабочие, я проверял на другом блоге. Теперь рассмотрим, как установить хлебные крошки с помощью плагина Breadcrumb NavXT.
Плагин Breadcrumb NavXT
Плагин можно скачать по этой ссылке или установить прямо из панели администратора. После активации плагина, вставьте следующий код на нужные страницы блога. Чуть выше, я писал на какие.
|
1 2 3 4 5 6 7 8 |
<div class="breadcrumb"> <?php if(function_exists('bcn_display')) { bcn_display(); } ?> </div> |
Если хотите чтобы хлебные крошки были над заголовком каждой статьи, установите код перед строкой
|
1 |
<?php if (have_posts()) : ?> |
В прошлом шаблоне, у меня крошки были установлены изначально, но ссылки вели только на следующий пост и предыдущий. Это конечно не то, что нужно.
Крошки можно оформить с помощью стилей, если знаете CSS. Плагин имеет настройки, но на английском языке: Настройки ► Breadcrumb NavXT.
Теперь вверху, над заголовком каждой статьи будет выводится путь (хлебные крошки), который приблизительно выглядит так: главная > рубрика > подрубрика > подподрубрика > сам пост. На этот блог я не устанавливал, потому что структура моего блога простая, и до любой статьи можно добраться в два клика.
Доброго вечера, Светлана! Я рад всем посетителям моего блога, а землякам тем более! Обязательно заходите еще. 🙂
Здравствуйте, Юрий! Зашла на Ваш сайт в поиске плагинов, но думаю, задержусь здесь — много интересной и полезной информации. А ещё оказалось, что мы земляки, что тоже очень приятно ➡