Ваш промокод mojWPAds на плагин рекламы для WordPress >>

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

Хаки WordPress выводим хлебные крошки без плагинаНедавно я рассказывал, как при помощи плагина Breadcrumb NavXT показать посетителю "хлебные крошки" (путь от главной страницы до страниц прибывания). Данная вещь служит одновременно для нужд SEO и навигации по сайту, т.е. способствует более лучшей ориентации пользователя на сайте. Сегодня сделаем то же самое, но без использования плагина, при помощи небольшого куска кода.

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

Если надумали использовать хак, то открываем файл functions.php (находится в папке с шаблоном сайта) и добавляем следующий код перед закрывающим символом ?> (в самом конце файла):

function the_breadcrumb() {
echo '<ul id="crumbs">';
if (!is_home()) {
echo '<li><a href="';
echo get_option('home');
echo '">';
echo 'Home';
echo "</a></li>";
if (is_category() || is_single()) {
echo '<li>';
the_category(' </li><li> ');
if (is_single()) {
echo "</li><li>";
the_title();
echo '</li>';
}
} elseif (is_page()) {
echo '<li>';
echo the_title();
echo '</li>';
}
}
elseif (is_tag()) {single_tag_title();}
elseif (is_day()) {echo"<li>Archive for "; the_time('F jS, Y'); echo'</li>';}
elseif (is_month()) {echo"<li>Archive for "; the_time('F, Y'); echo'</li>';}
elseif (is_year()) {echo"<li>Archive for "; the_time('Y'); echo'</li>';}
elseif (is_author()) {echo"<li>Author Archive"; echo'</li>';}
elseif (isset($_GET['paged']) && !empty($_GET['paged'])) {echo "<li>Blog Archives"; echo'</li>';}
elseif (is_search()) {echo"<li>Search Results"; echo'</li>';}
echo '</ul>';
}

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

<?php the_breadcrumb(); ?>

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

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

Привет. Меня зовут Виталик.

Я автор этого блога, а так же Магазина WordPress https://wp-r.ru/ и ридера блогов вебмастеров и SEO-специалистов WMSN.ru


Отблагодарить Z888279575784 R109400923968 или ЯД 41001651742138

Я в Twitter @mojWP. Смотри на Youtube. Читай RSS блога.

Опубликовано 20 комментариев
  1. Леонид says:
    http://vnuki-deda.ru

    Установил хак. Прописал вызов.Ничего не вижу.Что необходимо и где прописывать в CSS

    • mojWP says:

      напишите в личку пошагово что и куда вставляли.

      CSS - это стили
      их оформляете индивидуально под свой дизайн сайта. Какой-то шаблон предоставить не могу, т.к. угодить всем не получится

  2. Надежда says:
    http://kurortcz.ru

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

    • Виталий says:

      есть шаблоны, где подобные штуки помещаются в сайдбар.
      Данный код можно сделать и в строку, достаточно немного понимать php и css. Об это есть другие стать на сайте. Почитайте

      • Анастасия says:
        http://magiafialok.ru

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

        • Виталий says:

          нужно код менять. Он сейчас сделан через UL.

          • Анастасия says:
            http://magiafialok.ru

            О, спасибо. Это я уже "додумала" 🙂 А менять совсем нужно или достаточно теги списка заменить на что-то другое?

  3. Анастасия says:
    http://magiafialok.ru

    Уже поняла, что это в самом коде - там теги списка прописаны, значит, он отвечает за вывод столбиком. Теги эти убрала, выводится теперь в линию, но слишком близко друг к другу, как одно слово. Чтобы сделать между ними красивые отступы моих знаний php уже не хватает((( Подскажите, пожалуйста, что делать, если не сложно!

    • Виталий says:

      так же нужно каждому элементу задать свой стиль. Можете попробовать вместо li поставить span и задать class, после чего уже в style.css этому классу задать отступы и внешний вид.
      Думаю, этот вариант будет проще всего сделать

      • Анастасия says:
        http://magiafialok.ru

        Спасибо за подсказку. Все получилось. 🙂

        • Дмитрий says:
          http://webagent.com.ua

          css :

          #crumbs li {
          display: inline;
          margin-left: 10px;
          }
          
  4. Юрий says:
    http://bestgoodfood.ru

    Доброго времени суток. скажите пожалуйста, как сделать так, чтоб вместо первой крошки "Home" писало "главная", например? Заранее благодарен!

    • Юрий says:
      http://bestgoodfood.ru

      Спасибо,разобрался

  5. Александр says:
    http://www.maslovavto.ru/

    Не знаю, это у меня или у Вас, но в этом месте: "как при помощи плагина Breadcrumb NavXT показать посетителю "хлебные крошки"" ссылка не работает.
    А статья - как всегда - отличная.

    • Виталий says:

      была битая ссылка. Спасибо за подсказку

  6. Дмитрий says:

    Если интересно, мне не нравится ссылка в рубрике на саму себя, сделал вот так:

    if (is_single()) {
    		echo '';
    		the_category('  ');
    			if (is_single()) {
    			echo "";
    			the_title();
    			echo '';
    			}
    		} 
    		if (is_category()) {
    			echo '';single_cat_title();echo'';
    		}
    • Дмитрий says:
      http://webagent.com.ua

      Повырезало внутри кавычек :((
      Там тоже самое,что и в исходнике,а функция single_cat_title() без аргументов

  7. Виталий says:
    http://bazarvlg.ru

    установил как сказали ничего не вижу ,большой код в css?

  8. Алексей says:
    http://nafotobloge.ru/blog

    Виталий, а как у вас реализован вывод данных "Редакция: такого-то числа" в хлебных крошках?

    В моём шаблоне от Гудвина изначально прописаны крошки от Dimox'a. В них как-то можно добавить вывод даты последней редакции статьи?

    Спасибо.

    • Виталий says:
      http://mojWP.ru/

      Можно, если вставить код.
      Где-то писал на блоге, поищите

Не держи в себе. Выскажись.

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

© 2011-2017 | mojwp.ru | Копирование материала разрешено только с письменного согласия
WordPress: 13.23MB | MySQL:147 | 0,327sec
Лучшие плагины для сайта WordPress
Магазин WordPress WP-R.ru
Я понял, не показывай больше.
Смотри мои обучающие видео на YouTube
Сайт использует cookieСайт использует cookieСайт использует cookieСайт использует cookieСайт использует cookieСайт использует cookieСайт использует cookieСайт использует cookie
Друг, не уходи!