Профессиональное обучение
блоггингу от А до Я

Хлебные крошки на WordPress блоге с плагином и без — пошаговая инструкция для новичков!

Хлебные крошки на wordpress блоге
Всем привет друзья. В сегодняшней статье я расскажу вам о том, что такое хлебные крошки, для чего они нужны и как добавить их на свой wordpress блог при помощи плагина и без него. Начнем!

Хлебные крошки – удобный способ перелинковки блога

Один из простых способов одновременно упростить навигацию по сайту и его перелинковку, это Хлебные крошки (breadcrumbs). Свое название он получил в честь того способа, благодаря которому герои немецкой сказки «Гензель и Гретель» пытались найти дорогу из леса.

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

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

Главная страница > Рубрика > Подрубрика > Текущая страница

Причем все «звенья», кроме последнего — это внутренние ссылки.

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

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

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

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

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

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

Данную функцию можно добавлять на сайты и блоги разными способами. Рассмотрим два самых простых варианта для WordPress – установку с помощью плагина и с помощью внесения небольших изменений в код.

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

Самый простой способ установить хлебные крошки на блог – установить специальный плагин. Для WordPress обычно используют Breadcrumb NavXT.

Способ его установки стандартный: заходим в админку блога -> Плагины -> Добавить новый. В появившееся окно вставляем название плагина и нажимаем «Найти плагины».

Хлебные крошки без плагина

Вот он, наш плагин, нажимаем «Установить сейчас», затем «Активировать».

Далее заходим в «Внешний вид» -> «Редактор» -> single.php. Здесь, если вы хотите вставить хлебные крошки над заголовком статьи, ищем the_title (примерно:

1
<h1 class="title"><?php the_title (); ?></h1>

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

1
2
3
4
5
6
7
8
<div class="breadcrumbs">
<?php
if(function_exists('bcn_display'))
{
    bcn_display();
}
?>
</div>

Если вы хотите разместить навигационную цепочку в другом месте, значит этот же код размещаете там.

После этого переходим в «Настройки» — > «Настройки Breadcrumb NavXT» и в графе «Название ссылки» меняем название на свое и сохраняем изменения.

Сохраняем изменения

Осталось перейти на блог и полюбоваться на результат.

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

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

Заходим в админку –> «Внешний вид» -> «Редактор» -> functions.php. Здесь в любом месте (главное не внутрь другой функции) вставляем следующий код:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function the_breadcrumb() {
    echo 'You are here: ';
    if (!is_front_page()) {
        echo '<a href="';
        echo get_option('home');
        echo '">Home';
        echo "</a> » ";
        if (is_category() || is_single()) {
            the_category(' ');
            if (is_single()) {
                echo " » ";
                the_title();
            }
        } elseif (is_page()) {
            echo the_title();
        }
    }
    else {
        echo 'Home';
    }
}

и сохраняем. Если боитесь запутаться, просто вставьте его в самом конце над последней скобкой.

Теперь нужно вот этот код:

1
2
3
<?php
the_breadcrumb();
?>

разместить там, где вы хотите видеть навигационную цепочку, например, опять же над заголовком статьи. Для этого идем в single.php, ищем строчку с the_title и над ней вставляем этот код и сохраняем изменения.

Можете перейти на сайт и посмотреть, что получилось. Как видите, You are here и Home тут явно не к месту и их нужно изменить на что-то более подходящее, например, на Путь и Главная (или название блога).

Кроме того, нужно убедиться, что изменения одинаково хорошо смотрятся на разных браузерах – не наплывают на другие части темы и, одновременно, хорошо заметны.

Все, «Хлебные крошки» помогают вашим читателям, а вы можете гордиться тем, что самостоятельно разобрались в их установке. Всем спасибо за внимание!

P.S. В заключение статьи видео о том как поставить хлебные крошки на свой блог:

Автор статьи: Ирина Попова


Как заработать продавая баннеры

5 000 000 за 2 года в интернете...

150 000 рублей в месяц с БЛОГа
Этот блог читают уже более 6000 человек
- читай и ТЫ!
комментариев 8
  1. Никита

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

    в 15:43 | Ответить
  2. Татьяна Саксон

    Все просто и ясно. Спасибо, разобралась, наконец, с вашей помощью с хлебными крошками.

    в 01:30 | Ответить
  3. Glad

    У меня ошибку показывает. Видимо где то в синтаксисе ошиблись.

    в 19:19 | Ответить
  4. Георгий Савин

    Хлебные крошки очень хороши для перелинковки! Я себе установил без плагина, не люблю я их!!!

    в 13:21 | Ответить
  5. Наталья

    Уважаемый Александр! Помогите бабушке разобраться. Я с помощью вашей статьи установила плагин. Вставила коды там, где вы говорили. Потом перешла в настройки плагина ю У меня версия 5.2.0. В нем нет возможности проставить домашнюю страницу.

    Где я поняла, там я вставила ссылки на главную страницу своего сайта. Получилась цепочка. Но ссылка на категорию не кликабельная. Я не понимаю, как сделать ее кликабельнойю Помогите, пожалуйста разобраться. И спасибо за понятные разъяснения

    в 01:28 | Ответить
  6. Наталья

    Уважаемый Александр! У меня уже все получилось. Не надо отвечать. Спасибо, что вы есть и есть возможность попросить помощи

    в 01:45 | Ответить
  7. Дамир

    нет у меня the_title что делать?

    в 23:36 | Ответить
  8. сизо

    ценная статья

    в 19:12 | Ответить
Оставить комментарий: (ПРОЧТИ ЭТО!!!)
:) :-D ;-) :-| [star] [good] [present] [flower] [:-))] [:))] [:--_)] [:-|]