Хлебные крошки, быстро и коротко

Не люблю устанавливать плагин на сайт WordPress там, где можно обойтись коротким кодом. В моей теме нет хлебных крошек и в плагине «All in one SEO»(в отличие от «Yoast SEO») тоже их нет.

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

Внешний вид — Редактор — файл functions.php:

Вставляем в любое место (я поставил в конце, перед  ?>):

/**
 * Generate breadcrumbs
 */
function get_breadcrumb() {
    echo '<a href="'.home_url().'" rel="nofollow">Home</a>';
    if (is_category() || is_single()) {
        echo "&nbsp;&nbsp;&#187;&nbsp;&nbsp;";
        the_category(' &bull; ');
            if (is_single()) {
                echo " &nbsp;&nbsp;&#187;&nbsp;&nbsp; ";
                the_title();
            }
    } elseif (is_page()) {
        echo "&nbsp;&nbsp;&#187;&nbsp;&nbsp;";
        echo the_title();
    } elseif (is_search()) {
        echo "&nbsp;&nbsp;&#187;&nbsp;&nbsp;Search Results for... ";
        echo '"<em>';
        echo the_search_query();
        echo '</em>"';
    }
}
Дальше всталяем код в нужные разделы. У меня простая структура сайта, 
поэтому я вставил в single.php (или content-single.php) сверху 
(кто хочет, можете вставить еще в content-page.php, 404.php, ..., или просто в header.php,
чтобы крошки были на всех страницах):
<div class="breadcrumb"><?php get_breadcrumb(); ?></div>

P.S.: в первом коде вместо Home можете вставить Главная, или свое слово. 
Дополнительно и необязательно предлагаю варианты кода оформления крошек Внешний вид - Редактор - файл style.css:
breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.breadcrumb a {
    color: #428bca;
    text-decoration: none;
}

   	
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(2 голоса, в среднем: 5 из 5)

Хлебные крошки, быстро и коротко: 1 комментарий

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

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