Главная
Wordpress
Хлебные крошки WordPress без плагина
  • 11 Фев 2015г
  • 533
  • 2
  • Рубрика: Wordpress

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

Хлебные крошки

Доброго времени суток 🙂
В этой статье хочу показать вам не сложный способ, как можно организовать хлебные крошки WordPress без плагина.
Хлебные крошки (навигационная цепочка, англ. Breadcrumbs) – по сути является видом навигации на Вашем сайте. Крошку указывают путь от главной страницы сайта, до той, где Вы находитесь.
Чаще всего хлебные крошки находятся под шапкой над контентом в виде строки и имеют вид на подобии такого:

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

Часто вебмастера сталкиваются с такой задачей у себя на блоге WordPress. Организовать крошки можно, использовав плагин Breadcrumb NavXT. Лично я не очень люблю плагины, мне легче использовать скрипт и настроить его под себя.

И так приступим.

1. Функция the_breadcrumb()

Находим в папке темы файл functions.php и вносим в него новый код:

function the_breadcrumb() {
    echo '';
    if (!is_front_page()) {
        echo '<a href="';        
       echo get_option('home'); echo '">Главная';
        echo '</a>  » ';
        if (is_category() || is_single()) {
            the_category(' ');
            if (is_single()) {
                echo ' » ';
                the_title();
            }
        } elseif (is_page()) {
            echo the_title();
        }
    }
    else {
        echo 'Последние записи';
    }
}  

В 5 строке указана ссылка на главную и как она будит выводится - Главная. Далее в 6 и 10 строке есть символ » - это символ которым будут разделяться ссылки. Можете заменить на какой-нибудь div и задать ему фон в виде картинки (Так сделано у меня на сайте). В 18 строке есть текст - Последние записи это текст будет выводится когда Вы находитесь на главной, то есть путь из крошек отсутствует. Можете просто удалить текст или написать опять Главная.

2. Вывод на странице

Для того чтобы подключить функцию, Вы должны в нужном месте, чаще всего над выводом названия записи, в файлах single.php, category.php, archive.php также по желанию в page.php и index.php, в общем везде где хотите видеть крошки - вставить следующую строку:

<div class="entry-breadcrumb"><?php the_breadcrumb() ?></div>

Функцию мы заключили в div с классом entry-breadcrumb, которому можно присвоить стили.

3. Стили CSS

Открываем style.css и добавляем туда стили наших крошек.

.entry-breadcrumb{
padding:10px 0;
font-size:13px;
color:#888;
margin-bottom:20px;
border-bottom:1px solid #eee;
} 

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




Если Вам был полезным мой труд, можете поддержать сайт, обменяться со мной текстовыми ссылками или посмотреть рекламку, что займет 2 минуты :)


Оцените статью
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(6 голосов, в среднем: 4.2 из 5)

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

  • Алина
    Комментариев: 5

    в моей теме по умолчанию стояли крошки. но вот главная отображается как home и страница ошибки error404. перевести никак не могу.

    • Виталий
      Комментариев: 269

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

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

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

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

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

Это не спам *

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