Главная » Поведенческие факторы » Как сделать на сайте хлебные крошки без плагина

Как сделать на сайте хлебные крошки без плагина

навигация хлебные крошки без плагинаПоведенческие факторы и юзабилити зависят от удобной навигации по сайту.

Несомненно, удобно видеть путь, который необходимо проделать, чтобы найти нужную информацию.

В этом неоценимую помощь могут оказать хлебные крошки.

Благодаря им можно видеть одновременно весь проделанный путь на сайте: Главная, Рубрика, Название статьи.

Все ссылки, кроме названия поста, где находится посетитель, все ссылки активны.

как правильно сделать хлебные крошки без плагина

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

Чтобы улучшить навигацию сайта при помощи хлебных крошек, на сайте используются плагины. Но так, как они сильно грузят сайт, я предпочитаю ими не пользоваться.

Делаем хлебные крошки без плагина

На одном из сайтов я нашла информацию, как сделать на вордпресс хлебные крошки и удачно внесла изменения в код сайта.

Что надо сделать:

Как и полагается, перед тем, как работать с редактором сайта, рекомендуется сделать копию файлов, в которые будут внесены изменения. Это важно для того, что если вдруг что-то пойдет не так.

Затем идем в редактор, находим файл functions.php и в самом начале после <?php вставляем следующий код:

как сделать самостоятельно хлебные крошки на сайт без плагина

// хлебные крошки
function dimox_breadcrumbs() {

$showOnHome = 0; // 1 - показывать "хлебные крошки" на главной странице, 0 - не показывать
$delimiter = '&raquo;'; // разделить между "крошками"
$home = 'Главная'; // текст ссылка "Главная"
$showCurrent = 1; // 1 - показывать название текущей статьи/страницы, 0 - не показывать
$before = '<span class="current">'; // тег перед текущей "крошкой"
$after = '</span>'; // тег после текущей "крошки"

global $post;
$homeLink = get_bloginfo('url');

if (is_home() || is_front_page()) {

if ($showOnHome == 1) echo '<div id="crumbs"><a href="' . $homeLink . '">' . $home . '</a></div>';

} else {

echo '<div id="crumbs"><a href="' . $homeLink . '">' . $home . '</a> ' . $delimiter . ' ';

if ( is_category() ) {
global $wp_query;
$cat_obj = $wp_query->get_queried_object();
$thisCat = $cat_obj->term_id;
$thisCat = get_category($thisCat);
$parentCat = get_category($thisCat->parent);
if ($thisCat->parent != 0) echo(get_category_parents($parentCat, TRUE, ' ' . $delimiter . ' '));
echo $before . single_cat_title('', false). $after;

} elseif ( is_day() ) {
echo '<a href="' . get_year_link(get_the_time('Y')) . '">' . get_the_time('Y') . '</a> ' . $delimiter . ' ';
echo '<a href="' . get_month_link(get_the_time('Y'),get_the_time('m')) . '">' . get_the_time('F') . '</a> ' . $delimiter . ' ';
echo $before . get_the_time('d') . $after;

} elseif ( is_month() ) {
echo '<a href="' . get_year_link(get_the_time('Y')) . '">' . get_the_time('Y') . '</a> ' . $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;
echo '<a href="' . $homeLink . '/' . $slug['slug'] . '/">' . $post_type->labels->singular_name . '</a> ' . $delimiter . ' ';
if ($showCurrent == 1) echo $before . get_the_title() . $after;
} else {
$cat = get_the_category(); $cat = $cat[0];
echo get_category_parents($cat, TRUE, ' ' . $delimiter . ' ');
if ($showCurrent == 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($post->post_parent);
$cat = get_the_category($parent->ID); $cat = $cat[0];
echo get_category_parents($cat, TRUE, ' ' . $delimiter . ' ');
echo '<a href="' . get_permalink($parent) . '">' . $parent->post_title . '</a> ' . $delimiter . ' ';
if ($showCurrent == 1) echo $before . get_the_title() . $after;

} elseif ( is_page() && !$post->post_parent ) {
if ($showCurrent == 1) echo $before . get_the_title() . $after;

} elseif ( is_page() && $post->post_parent ) {
$parent_id = $post->post_parent;
$breadcrumbs = array();
while ($parent_id) {
$page = get_page($parent_id);
$breadcrumbs[] = '<a href="' . get_permalink($page->ID) . '">' . get_the_title($page->ID) . '</a>';
$parent_id = $page->post_parent;
}
$breadcrumbs = array_reverse($breadcrumbs);
foreach ($breadcrumbs as $crumb) echo $crumb . ' ' . $delimiter . ' ';
if ($showCurrent == 1) echo $before . get_the_title() . $after;

} elseif ( is_search() ) {
echo $before . 'Результаты поиска по запросу "' . get_search_query() . '"' . $after;

} elseif ( is_tag() ) {
echo $before . 'Записи с тегом "' . single_tag_title('', false) . '"' . $after;

} elseif ( is_author() ) {
global $author;
$userdata = get_userdata($author);
echo $before . 'Статьи автора ' . $userdata->display_name . $after;

} elseif ( is_404() ) {
echo $before . 'Error 404' . $after;
}

if ( get_query_var('paged') ) {
if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ' (';
echo __('Page') . ' ' . get_query_var('paged');
if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ')';
}

echo '</div>';

}
} // end dimox_breadcrumbs()


В коде слово «Главная» можно заменить названием сайта.

Если не хотите, чтобы в навигации страниц отображался заголовок поста, замените цифру 1 на 0 в следующей строке.

Не забываем сохранять сделанные изменения.

Также потребуется внести изменения в следующие файлы:

• шаблона страниц (page.php);
• одной записи (single.php);
• результатов поиска (search.php);
• архивов (arhvie.php).

хлебные крошки вордпресс

После фразы:

<div id=»content»>

вставляем следующий код:

<?php if (function_exists(‘dimox_breadcrumbs’)) dimox_breadcrumbs(); ?>

Не забывайте сохранять сделанные в файлах изменения. Хлебные крошки появятся на всех этих страничках. У вас обязательно все получится. Желаю удачи!

Видео: «Урок по настройке плагина постраничной навигации»

Похожие статьи:

Как создать сайт html

Как сделать на сайте хлебные крошки без плагина: 3 комментария

  1. Интересный код конечно, только как его скопировать, если блокировано копирование

  2. Тоже хотел попробовать код. Но к сожалению просто переписывать нет желания, а скопировать нет возможности…

  3. Прошу прощения, за причиненные неудобства. Теперь код стал доступен для копирования.

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

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

*


*

Конфиденциальность гарантирована!