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

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

Всем привет! Сегодня на SEO-Mayak.com я буду рассказывать: как сделать хлебные крошки на WordPress без плагина.

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

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

hlebnye kroshky

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

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

У меня статьи находятся на страницах 3 уровня вложения и хлебные крошки выглядят так:

Главная » Создание блога » Настройка WordPress » Защита от копирования контента и изображений с сайта.

На своем кулинарном блоге я не использую родительские рубрики и у страниц получается 2 степень вложенности:

Главная » Мясные блюда » Мясной рулет с яйцом

Какую Вы структуру вложенности страниц изначально для cайта выбрали, такие и крошки будут.

Устанавливаем хлебные крошки на WordPress без плагина

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

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

И перед данной строчкой вставляем код:

<div id="breadcrumbs">
   <?php if (is_home()) { ?>

  <?php } elseif (is_single()) { ?>
      <a href="<?php echo get_option('home'); ?>">Главная</a> »
      <?php foreach((get_the_category()) as $cat) {
      $cat=$cat->cat_ID;
      echo(get_category_parents($cat, TRUE, ' » ')); } the_title(); ?>

     <?php } ?>
 </div>

При редактировании файлов советую пользоваться текстовым редактором Notepad++.Сохраняем изменения и в принципе код уже должен работать. Чтобы это проверить, достаточно открыть любую статью и в верхней ее части должны появиться хлебные крошки.

Остается немножко подправить внешний вид ссылок. Открываем для редактирования файл style.css и для идентификатора:

id="breadcrumbs"

Подбираем соответствующие Вашему шаблоны стили. В качестве примера я приведу стили хлебных крошек прописанные на моем блоге с подробными разъяснениями:

/* Стили для хлебных крошек */

#breadcrumbs {
    width: auto;    /* Общая ширина страницы */
    font-size: 14px;   /* Размер шрифта */
    color:  #215B9B;   /* Цвет текста, который не является ссылкой */
    text-shadow: #5DB6FA 0px 1px 1px;  /* Тени для текста (необязательно) */
    text-align: left;   /* Прижимаем текст к левому краю страницы */
    margin: 3px 30px 0px 30px;  /* Внешние отступы */
    padding-bottom: 5px;   /* Внутренние отступы */
    border-bottom: 2px solid #f2f2f2;  /* Добавляем разделительную черту снизу */
}

/* цвет ссылок */

#breadcrumbs a, #breadcrumbs a:visited {
    color: #215B9B;  /* Цвет ссылки */
    text-decoration: none;  /* Отменяем подчеркивание ссылок */
}

/* цвет ссылок при наведении курсора */

#breadcrumbs a:hover, #breadcrumbs a:active {
     color: #C6C600;  /* цвет ссылки при наведении курсора */
     text-decoration: none;  /* Отменяем подчеркивание ссылок при наведении курсора */
}

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

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

Устанавливаем дополнительную навигацию

Не так давно мы заменяли встроенную постраничную навигацию на более удобную с помощью плагина WP-PageNavi, а также я писал, как сделать постраничную навигацию без плагина.

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

  • ← Как узнать, проверить ТИЦ сайта. Когда апдейт (ап) ТИЦ у Яндекса (предыдущая статья)
  • (следующая статья) Защита от копирования контента и изображений с сайта →


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

<div class="navigation-post">
 <div style="text-align: left;">
   <?php previous_post_link('&larr; %link (предыдущая статья)') ?></div>
 <div style="text-align: right;">
   <?php next_post_link('(следующая статья) %link &rarr;') ?></div>
</div>

По-моему такое дополнение к навигации по блогу будет не лишним.

Читайте также про расширенные хлебные крошки с микроразметкой.

На сегодня у меня все. Как Вам статья?

С уважением, Виталий Кириллов

Комментарии: 128

  1. Анна:

    Ой, Виталий, как я хочу одним махом заказать ТЕМУ и чтобы мне сделали в ней все, вплоть до хлебных крошек. Если еще и их делать, то я буду вообще у компа сидеть по 12 и более часов. Устала!

    Ответить
    • Виталий Кириллов:

      Анна там там делов-то…, хотя может это мне так кажется.

      Ответить
  2. Лариса:

    Спасибо за отличные советы! Обязательно ими воспользуюсь.

    Ответить
    • Виталий Кириллов:

      Пожалуйста,Лариса!

      Ответить
  3. Алексей Виноградов:

    А мне нравится плагин Breadcrumbs XT, нормально крошки делает. Интересно, без плагина будет быстрее или также?

    Ответить
    • Виталий Кириллов:

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

      Ответить
  4. Sasha:

    )Пыталась прямо сейчас крошки сделать, но похожую строчку в single.php не нашла(. Может, потому что у меня стоит плагин, выводящий похожие записи, а значит, код принял другой вид. В общем, буду подумать.

    Ответить
    • Виталий Кириллов:

      Sasha, Вам просто надо найти вывод заголовка статьи, который выглядит примерно так:
      [php]<h2><?php the_title(); ?></h2>[/php]
      И вставить хлебные крошки над ним. Попробуйте и не бойтесь экспериментировать!

      Ответить
  5. Sasha:

    Получилось! Спасибо)

    Ответить
    • Виталий Кириллов:

      Пожалуйста Sasha)

      Ответить
  6. Олег:

    Очень полезный и нужный плагин для сайта. Пользуюсь уже пол года! 🙂
    Спасибо за дополнительную информацию! Успехов Вам и Удачи! 🙂

    Ответить
  7. Раиса:

    Спасибо!Интересная информация .Впервые слышу о хлебных крошках. Я так и не поняла,зачем это делать. Но попробовать всё же хочу.

    Ответить
    • Виталий Кириллов:

      Попробуйте Раиса, дело нужное!

      Ответить
  8. фиалка молчаливая:

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

    Ответить
    • Виталий Кириллов:

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

      Ответить
  9. Искандер:

    Реализация отдельных функций без плагинов всегда снижает нагрузку на сервер. Спасибо за рекомендации!

    Ответить
    • Виталий Кириллов:

      В последнее время я что-то увлекся заменой плагинов.

      Ответить
  10. Елена:

    Поставила себе хлебные крошки! У меня вопрос: как мне после хлебных крошек сделать отступ до названия статьи, ну какое-то расстояние между хб и названием, а то как-то у меня получилось все вместе.

    Ответить
    • Виталий Кириллов:

      Конечно, лучше сделать отступ:
      [php]margin: 3px 30px 0px 30px; /* Внешние отступы */[/php]
      Первая цифра — отступ сверху, остальные — по часовой, т.е. третья цифра будет отступ снизу.
      Надеюсь понятно?

      Ответить
  11. Елена:

    Спасибо за обьяснения, теперь намного лучше, и цвет я себе тоже поменяла. Еще раз спасибо.

    Ответить
    • Виталий Кириллов:

      Пожалуйста Елена!

      Ответить
  12. Наталья:

    Олег, так ведь это БЕЗ ПЛАГИНА, что еще полезнее и приятнее 😉 Можете потом смело плагин удалить, когда поставите «хлебные крошки» с помощью этого кода.

    Ответить
  13. Дмитрий:

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

    Ответить
    • Виталий Кириллов:

      Пожалуйста Дмитрий, рад что у Вас все получилось!

      Ответить
  14. суля:

    Скажите, а этот код будет работать если вставить его не только в статьи но и в
    архивы
    страницы
    отдельно в страницу поиска
    отдельно в страницу 404
    ну то есть везде чтоб были крошки эти…
    Спасибо

    Ответить
    • Виталий Кириллов:

      суля, попробуйте, да и все дела!

      Ответить
  15. Елена:

    Спасибо, Виталий, всё получилось легко и быстро, что для меня, новичка, удивительно. Полезный у Вас сайт!

    Ответить
    • Виталий Кириллов:

      Спасибо Елена!

      Ответить
  16. Владимир:

    Виталий, спасибо!
    Пробовал устанавливать используя плагин от Dimox — почему то не заработало.
    Вставил ваш код — сразу заработало. Даже стили не пришлось настраивать. Проверю, конечно, но думаю что так и останутся.
    И блог не тормозит от обилия плагинов, и все работает что нужно.

    P.S. Кстати сначала нашел этот блог, а потом пошел на кулинарный (Люблю читать разделы «Обо мне» или «о проекте» :))

    Ответить
  17. Виктория:

    Виталий, здравствувуйте. А что если есть такая структура меню:
    Главная / Страница1 / Страница2 / Запись
    Как в таком случае быть? Плагин выводит в крошках Главная/Запись без привязки к страницам…

    Ответить
    • Виталий Кириллов:

      Виктория, а как у Вас выглядят URL этих записей?

      Ответить
  18. Ruslan:

    Виталий добрый день, реализовал хлебные крошки по выше описаной схеме, за что вам спасибо!

    Но к сожалению они не работают на галерее nextgen gallery, у меня много картинок и несколько альбомов с вложениями, подскажите если знаете, как можно сделать так чтобы хлебные крошки также работали и в галлерее, спасибо!

    Ответить
    • Виталий Кириллов:

      Ruslan, к сожалению с галереей nextgen gallery я не знаком и не знаю как «подружить» ее с хлебными крошками.

      Ответить
  19. Ruslan:

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

    Например тут я поменял на page : php } elseif (is_page()) {, — работает,

    И явно вместо
    foreach(get_the_category()) as $cat) {
    и
    echo(get_category_parents($cat,

    нужно тоже вписать чтото типа page

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

    Ответить
    • Виталий Кириллов:

      Ruslan, все немного сложнее.
      Посмотрите тут рассширенный вариант реализации хлебных крошек, возможно Вам подойдет.

      Ответить
      • Ruslan:

        По ссылочке ошибка 404, но я уже справился, посмотрел как это раелизовано на некоторых сайтах, сейчас все чудесно работает.

        Спасибо.

        Ответить
  20. Виктория:

    Не получается почему то стиль изменить, ставлю код в файл css — ноль эмоций…

    Ответить
    • Виталий Кириллов:

      Виктория, значит где-то ошибка, проверьте все еще раз. У всех работает.

      Ответить
      • Виктория:

        А в какую часть ставить файла? В начале? В конце? Я про css.

        Ответить
        • Виталий Кириллов:

          Виктория, вставлять код лучше в конце файла style.css, хотя можно вставить в любой место, но для этого надо иметь базовые знания css.

          Ответить
  21. Виктория:

    Я просто скопировала ваш код и вставила в конце файла style.css 🙂
    Значит мой шаблон какой-то кривой…нет изменений.

    Ответить
  22. Виктория:

    Еще кстати в одной рубрике (Забавно и полезно) также не отображаются хлебные крошки, возможно потому что там только одна статья…

    Ответить
    • Виталий Кириллов:

      Виктория, я посмотрел Ваш файл style.css и не обнаружил там стилей для идентификатора #breadcrumbs. Вы может не в тот файл вставляете код?

      Ответить
  23. Виктория:

    Я удалила потому что код в файле style.css, так как он не работает…посмотрите в single.php — там основной код не удаляла, который вы рекомендуете. Почему то отображаются крошки не во всех статьях…возможно из-за кеша…надо куки почистить 🙂

    Ответить
    • Виталий Кириллов:

      Виктория, попробуйте в коде вместо:
      id="breadcrumbs"
      Прописать класс:
      class="breadcrumbs"
      Затем в стилях надо вместо место символа «#» перед словами breadcrumbs,поставить «.».
      Может поможет, я не знаю, что Вашему шаблону не нравиться.

      Ответить
  24. Екатерина:

    Здравствуйте! А подскажите чайнику, можно ли сделать такие хлебные крошки и для страниц сайта? На страницах записей всё получилось! Спасибо!

    Ответить
    • Виталий Кириллов:

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

      Ответить
  25. Иван Сотников:

    Интересно было бы почитать, как в этот плагин внедрить микроданные либо RDFa гугла.

    Ответить
    • Виталий Кириллов:

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

      Ответить
  26. Алекс:

    Я всегда Юзал плагин, но замечал что сайт постоянно начинает тормозить из -за нагрузок. Искал путевую заметку как сделать хлебные крошки вручную и попал на Ваш сайт. Все класно! Все поделу.

    Ответить
  27. Сергей:

    Спасибо за интересную и информативную статью!Написана очень внятно и по-моему даже школьнику будет легко разобраться! Сделал и у себя на сайте такие хлебные крохи 🙂

    Ответить
  28. Сергій:

    Дякую! Довго шукав потрібний код, щоб не використовувати плагін. Все працює на УРА. Автору велика подяка.

    Ответить
  29. Сергей:

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

    Ответить
    • Виталий Кириллов:

      Спасибо Сергей!

      Ответить
  30. Евгения:

    Виталий, я попробовала вставлять и после указанной в статье строки и перед кодом заголовка статьи . Почему-то хлебные крошки сами появляются (и то только выходит название главной страницы), но при этом текст всей записи пропадает.

    Ответить
    • Виталий Кириллов:

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

      Ответить
  31. Сергей:

    Доброго дня, интересует такой момент… у меня есть записи, но записи не в блоге, а в портфолио, и соответственно крошки не показывают, к какой категории портфолио относится запись…

    в таком виде показывает: Главная — *Запись портфолио*

    как сделать чтобы категории портфолио показывались?

    Ответить
    • Виталий Кириллов:

      Здравствуйте Сергей! Я так понимаю, что портфолио у Вас находится на статической странице, а статические страницы не относятся к категориям, у них есть свое меню — «Страницы».

      Ответить
      • Сергей:

        нет не правильно, есть я так понимаю клон Записей, у него также есть категории…

        joxi.ru/LVm6nwwfvbXlmZ

        вот скрин

        Ответить
        • Виталий Кириллов:

          Теперь ясно! У вас реализован пользовательский тип постов. Еще вопрос. При публикации записи из «Портфолио», Вы можете выбрать рубрику, в которой будет опубликована данная запись?
          Спасибо, что обратили внимание на ошибку в фотке, только я о ней уже давно знаю, да все руки не дойдут исправить.

          Ответить
          • Сергей:

            да могу

            Ответить
            • Виталий Кириллов:

              Можете вставить в виджет такой код:

              <?php
              $args = array(
                'taxonomy'     => 'Название таксономии', 
                'orderby'      => 'name',  
                'show_count'   => 0,       
                'pad_counts'   => 0,       
                'hierarchical' => 1,       
                'title_li'     => ''      
              );
              ?>
              <ul>
              <?php wp_list_categories( $args ); ?>
              </ul>
              

              Только впишите название таксономии. И еще, виджеты должны выполнять php код.

              Ответить
              • Сергей:

                какой еще виджет??

                <a href="»>Главная »
                cat_ID;
                echo(get_category_parents($cat, TRUE, ‘ » ‘)); } the_title(); ?>

                этот код не работает

                Ответить
                • Виталий Кириллов:

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

                  Ответить
  32. Rimen:

    Здравствуйте Виталий. Увы в сайтостроении я юзер, поэтому мне оказалось непросто разобраться со следующим моментом: не удалось прописать стили для крошек, хотя сделал все по инструкции. в style.CSS вышло так:
    /* breadcrumbs */
    #breadcrumbs {
    width: auto;
    font-size: 14px;
    color: #215B9B;
    text-shadow: #5DB6FA 0px 1px 1px;
    text-align: left;
    margin: 3px 30px 0px 30px;
    padding-bottom: 5px;
    border-bottom: 2px solid #f2f2f2;
    }

    #breadcrumbs a, #breadcrumbs a:visited {
    color: #215B9B;
    text-decoration: none;
    }

    #breadcrumbs a:hover, #breadcrumbs a:active {
    color: #C6C600;
    text-decoration: none;

    увы стили никак не изменились, а указанного вами в статье id=»breadcrumbs» и вовсе не нашел…подскажите пожалуйста..

    Ответить
    • Виталий Кириллов:

      Здравствуйте Rimen! id=»breadcrumbs» надо искать в файле single.php.

      Ответить
      • Rimen:

        …так, есть такое — я же его прописывал, так стиль нужно к нему вставлять?

        Ответить
        • Виталий Кириллов:

          Надо.

          Ответить
          • Rimen:

            я уже близок, и если у Вас уважаемый Виталий (я кстати тоже Виталий) хватит терпения вы обязательно сумеете направить меня на путь истинный
            все прописал, стиль добавил, однако что-то наверное в стиле неправильно вбил, в общем привязка есть, сам стиль так выглядит:

            /* breadcrumbs */
            #breadcrumbs {
            width: auto;
            font-size: 14px;
            color: #215B9B;
            text-shadow: #5DB6FA 0px 1px 1px;
            text-align: left;
            margin: 3px 30px 0px 30px;
            padding-bottom: 5px;
            border-bottom: 2px solid #f2f2f2;
            }

            #breadcrumbs a, #breadcrumbs a:visited {
            color: #215B9B;
            text-decoration: none;
            }

            #breadcrumbs a:hover, #breadcrumbs a:active {
            color: #C6C600;
            text-decoration: none;
            }

            но не работает, хлебные крошки никак не преобразились…что делать?

            Ответить
            • Виталий Кириллов:

              Попробуйте изменить идентификатор. В файле single.php и style.css, вместо «breadcrumbs» пропишите любое слово, но только англ. символами.

              Ответить
              • Rimen:

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

                Ответить
                • Rimen:

                  а сам идентефикатор у меня вообще правильно прописан?

                  Ответить
                  • Rimen:

                    <div id="breadcrumbs" class="breadcrumbs">

                    Ответить
  33. Rimen:

    полный код в single.php выглядит так:

    <div id="breadcrumbs" class="breadcrumbs">
    <?php if (is_home()) { ?>

    <?php } elseif (is_single()) { ?>
    <a href="<?php echo get_option('home'); ?>">Home</a> »
    <?php foreach((get_the_category()) as $cat) {
    $cat=$cat->cat_ID;
    echo(get_category_parents($cat, TRUE, ' » ')); } the_title(); ?>

    <?php } ?>
    </div>

    Ответить
    • Виталий Кириллов:

      Попробуйте прописать стили так:

      .breadcrumbs {
      width: auto;
      font-size: 14px;
      color: #215B9B;
      text-shadow: #5DB6FA 0px 1px 1px;
      text-align: left;
      margin: 3px 30px 0px 30px;
      padding-bottom: 5px;
      border-bottom: 2px solid #f2f2f2;
      }

      .breadcrumbs a, .breadcrumbs a:visited {
      color: #215B9B;
      text-decoration: none;
      }

      .breadcrumbs a:hover, .breadcrumbs a:active {
      color: #C6C600;
      text-decoration: none;
      }

      Ответить
  34. Роман:

    Доброго времени суток!
    Не подскажите, как удалить «хлебные крошки» из wordpress шаблона Great?

    Ответить
  35. Сергей:

    Здравствуйте,Виталий!
    Подскажите пожалуйста как удалить крошки с главной страницы но что бы на остальных они остались.Спасибо!

    Ответить
    • Виталий Кириллов:

      За главную страницу отвечает файл index.php, следовательно надо удалить код хлебных крошек с данного файла.

      Ответить
  36. Александр:

    Я целый вечер искал нормальный код вывода крошек, а вы тут его спрятали 🙂
    Везде кака всякая с длинющими функциями, а здесь красота))
    Единственное, что хочу добавить – укажите может людям, как сделать, чтобы название поста не выводилось, а то это не красиво как-то имхо.
    Убрать нужно просто the_title(); ?>

    Ответить
  37. Павел:

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

    Ответить
  38. Александр:

    Добрый день, у меня проблема, как можно в коде для хлебных крошек прописать, чтобы выводились не только рубрики но и страницы. У меня в меню идет: страница — страница — рубрика — запись. То есть: триммеры(страница) — триммеры ECHO(страница) — мощные триммеры(рубрика) — триммер ECHO SRM-22GES(запись).
    И выводит: Главная — мощные триммеры — Триммер. А хочется чтобы со страницами.Спасибо огромное заранее. С меня причитается.

    Ответить
    • Виталий Кириллов:

      Здравствуйте Александр! Хлебные крошки выводят полный путь до конечной записи. Если крошки не выводят страницы, значит их нет там в принципе.

      Ответить
      • Александр:

        Ну как нет? Я лично меню делал.

        Ответить
  39. Ира:

    Здраствуйте, подскажите нужно ли ставить ссылку на главную страницу в конце статьи для продвижения, если в плагине хлебные крошки уже есть ссылка на главную страницу в статье?

    Ответить
    • Виталий Кириллов:

      Здравствуйте! Вовсе не обязательно ставить ссылку на главную, тут каждый сам решает.

      Ответить
  40. Елена:

    Вообще отлично! Автору респект! У меня крошки стали как надо, даже не ожидала, что так просто будет и сразу все ок, вот думаю добавлять ли стили, если итак все хорошо.

    Ответить
  41. Елена:

    ЧТОБЫ РАБОТАЛИ СТИЛИ нужно изменить эту строку , на вот эту тогда у всех класс заработает. Просто вы задаете стили, а в функции не указали class

    Ответить
    • Виталий Кириллов:

      Елена в функции указан идентификатор id="breadcrumbs", к которому и привязаны стили. Если Вы хотите использовать класс вместо идентификатора, то пропишите его в функции и поменять в стилях.

      Ответить
  42. Павел:

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

    Ответить
  43. Оксана:

    Здравствуйте Виталий.
    У меня скорее всего в шаблоне в файле single.php искомые строчки зашифрованы. Я не могу понять куда нужно прописать каод.
    Не могли бы Вы подсказать?
    Спасибо большое.

    Сам файл имеет следующее содержание:

    Ответить
    • Виталий Кириллов:

      Оксана, для вставки кода воспользуйтесь преобразователем, иначе защита код не пропустит.

      Ответить
      • Оксана:

        Спасибо Виталий за быстрый ответ.
        1.Поясните пожалуйста, то есть мне нужно расшифровать имеющийся код?
        2. посмотреть исходник.
        3. найти эти строчки.
        4. зашифровать код и потом только вставить?
        или я сильно мудрю?

        боюсь что либо сломать.. не очень понимаю в кодах.
        спасибо большое.

        Ответить
        • Виталий Кириллов:

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

          Ответить
  44. Дамир:

    Здравствуйте я вставил код после while (have_posts()) : the_post(); ?>
    и все страницы перестали грузиться — код удалил и все вернулась, куда вставлять код подскажите


    <?php
    get_sidebar( 'content' );
    get_sidebar();
    get_footer();

    Ответить
    • Виталий Кириллов:

      Здравствуйте Дамир! Код надо вставлять перед строчкой while (have_posts()) : the_post(); а не после.

      Ответить
      • Дамир:

        А у вас в статье написано — И сразу после нее вставляем код:

        Ответить
        • Виталий Кириллов:

          Дамир, у Вас крошки заработали? В статье поправил опечатку.

          Ответить
          • Дамир:

            Честно сказать — ваш метод у меня так и на запустился, не знаю в чем была проблема, наверное во мне) — нашел на другом сайте другой способ — сразу заработало, в любом случае я благодарен вам что быстро отвечали на мои коменты

            Ответить
  45. Артем:

    У меня в теме прописано:

    <nav class="nav-single">
    <div class="assistive-text"><?php _e( 'Post navigation', 'themonic' ); ?></div>
    <span class="nav-previous"><?php previous_post_link( '%link', '<span class="meta-nav">' . _x( '&larr;', 'Previous post link', 'themonic' ) . '</span> %title' ); ?></span>
    <span class="nav-next"><?php next_post_link( '%link', '%title <span class="meta-nav">' . _x( '&rarr;', 'Next post link', 'themonic' ) . '</span>' ); ?></span>
    </nav><!— .nav-single —>

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

    Ответить
    • Виталий Кириллов:

      Проанализируйте, что Вы делали на блоге последнее время.

      Ответить
      • Артем:

        Спасибо, конечно, Виталий. Видимо эго не позволяет ответить: не знаю.

        Ответить
  46. Артём:

    Здравствуй, проблема с крошками, у меня почему-то выводит 2 раза главную рубрику. Т.е. идёт Главная->1кат->1кат->подкатегория->запись((((Что может быть?

    Ответить
    • Виталий Кириллов:

      Здравствуйте Артем! Код у Вас как выглядит?

      Ответить
      • Артём:

        Я вам на почту видимо ответил)

        Ответить
        • Виталий Кириллов:

          Все правильно у Вас.

          Ответить
          • Артём:

            Ну а как же дублирование «страшные истории и страшилки»

            Ответить
        • Виталий Кириллов:

          Значит у Вас такая структура категорий. У Вас есть подкатегории?

          Ответить
          • Артём:

            Да, категория «страшные истории и страшилки» — она как главная,а потом подкатегории.

            Ответить
        • Виталий Кириллов:

          Вот здесь же все нормально: strashnye-istorii/pikovaya-dama/

          Ответить
          • Виталий Кириллов:

            Видимо у Вас шаблон такой, где-то конфликт. На других темах все нормально работает.

            Ответить
      • Артём:

        Стандартный, описанный выше. Сейчас включен.

        Ответить
  47. Артём:

    Ну так и там дубляж идёт «страшные истории и страшилки» — 2 раза.
    /strashnye-istorii/ten-v-tumane/ — вот тут нагляднее.

    Ответить
  48. Анжелика:

    Спасибо за столь подробную и ясную статью, всё очень понятно, читала с удовольствием, только всё самое важное, быстро и легко, благодарю:)

    Ответить
  49. Алена:

    Спасибо, Виталий. Сделала хлебные крошки в новой теме за две минуты

    Ответить
  50. Сергей:

    Здравствуйте. Хлебные крошки хорошо работают в single.php, но почему то не отображаются в архивах. Подскажите, что нужно дописать или убрать?

    Ответить
    • Виталий Кириллов:

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

      Ответить
  51. Леонид:

    День добрый. Подскажите пожалуйста по шаблону Customizr.
    Как убрать дубли хлебных крошек, они встроены в шаблон.

    Ответить
  52. Александр:

    Благодарю за интересную статью, помогло! Правда у меня не было файла single, нужная строчка нашлась в основном шаблоне index.

    Ответить
  53. Ася:

    Виталий, спасибо за статьи! Подскажите, пожалуйста, а возможно ли сделать хлебные крошки для записей, входящих сразу в несколько категорий? Но при этом чтобы чтобы в хлебных крошках не отображались все рубрики, в которые входит данная статья, а был прописан путь от главной к статье только через одну категорию, ту из которой посетитель к статье пришел. Скажем, если статья о каком-либо фильме относится одновременно к рубрикам «мелодраммы», «фильмы, получившие Оскар», «Фильмы Тарантино», а посетитель пришел к этой статье из рубрики «мелодрамы». Возможно ли чтобы в хлебных крошках указывался путь ГЛАВНАЯ-МЕЛОДРАМЫ-СТАТЬЯ, а не ГЛАВНАЯ-МЕЛОДРАМЫ-ФИЛЬМЫ тАРАНТИНО-ФИЛЬМЫ, ПОЛУЧИВШИЕ ОСКАР- СТАТЬЯ? Спасибо!

    Ответить
  54. Фиона:

    Здравствуйте Виталий. У меня проблема — при вставки кода «крошек» на сайте. Слова «главная страница» выглядят как вопросительные знаки в ромбах �������. И между «крошками» тоже. Очень нужна Ваша помощь.

    Ответить
    • Виталий Кириллов:

      Фиона, надо поменять кодировку файла на utf8.

      Ответить
      • Фиона:

        Виталий, очень Вам благодарна. Большое спасибо и за статью и за помощь в решении проблемы. Спасибо.

        Ответить
  55. жасур:

    Здравствуйте.я хотел спросить.вы знаете такая программа или плагин что массовая добавления zip файлы на сайт.если знаете

    Ответить
    • Виталий Кириллов:

      Здравствуйте! К сожалению не знаю.

      Ответить
  56. Ирина:

    Здравствуйте, Виталий. Спасибо за вашу помощь и компетентные статьи. Вставила код для «хлебных крошек». Но получила неожиданный результат. Для двух записей из одной категории «Имена», но относящихся к разным подкатегориям, имею такой вывод «хлебных крошек»:
    Главная » Новости » Имена » Петр I » Стратегические ошибки Петра I

    Главная » Имена » Государи » Новости » Правление Ивана Грозного — в этом случае путь неверный.

    Это одни из последних записей. Они обе на 1-й странице. Проверила в админке их иерархию — отличаются только последней подкатегорией.

    В чём может быть моя ошибка?

    Ответить
    • Виталий Кириллов:

      Ирина, это самый простой код, попробуйте другую функцию.

      Ответить
  57. Николай:

    Здравствуйте. Поставил код хлебных крошек, но столкнулся с проблемой дубля тега H1 (получился переспам ключевых фраз). Как сделать так, чтобы в крошках отображался title страницы, а не H1?

    Ответить

Оставить комментарий

Внимание комментатор! Прежде чем вставить: HTML, JavaScript или PHP код в свой комментарий, преобразуй его в html сущность!

Subscribe without commenting

» Подписаться на комментарии по RSS