Меню

WordPress Хлебные крошки (breadcrumbs)

Хлебные крошки (breadcrumbs) – это навигационный метод отображения всех посещенных страниц, ведущие от домашней страницы до текущей страницы. Все страницы связаны между собой для легкой навигации в обратном направлении. Как правило, крошки находится в верхней части веб-страницы.

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

Вставляем код в файл function.php, который находиться в папке шаблона вашего сайта:

// Хлебные крошки
function custom_breadcrumbs() {
 
    // Настройки
    $separator          = '>'; // Разделитель крошек
    $breadcrums_id      = 'breadcrumbs'; // id блока 
    $breadcrums_class   = 'breadcrumbs'; // class крошек
    $home_title         = 'Главная'; // Название главной страницы в хлебных крошках
 
    // Если у вас есть какие-либо типы таксономией, добавьте код в переменную ниже (например, product_cat для Woocommerce)
    $custom_taxonomy    = 'product_cat';
 
    // Получаем запись и запрос
    global $post,$wp_query;
 
    // Не отображать на главной 
    if ( !is_front_page() ) {
 
        // Начало хлебных крошек
        echo '<ul id="' . $breadcrums_id . '" class="' . $breadcrums_class . '">';
 
        // Главная
        echo '<li class="item-home"><a class="bread-link bread-home" href="' . get_home_url() . '" title="' . $home_title . '">' . $home_title . '</a></li>';
        echo '<li class="separator separator-home"> ' . $separator . ' </li>';
 
        if ( is_archive() && !is_tax() && !is_category() && !is_tag() ) {
 
            echo '<li class="item-current item-archive"><strong class="bread-current bread-archive">' . post_type_archive_title($prefix, false) . '</strong></li>';
 
        } else if ( is_archive() && is_tax() && !is_category() && !is_tag() ) {
 
             // Если запись - пользовательський другой тип записи
            $post_type = get_post_type();
 
            if($post_type != 'post') {
 
                $post_type_object = get_post_type_object($post_type);
                $post_type_archive = get_post_type_archive_link($post_type);
 
                echo '<li class="item-cat item-custom-post-type-' . $post_type . '"><a class="bread-cat bread-custom-post-type-' . $post_type . '" href="' . $post_type_archive . '" title="' . $post_type_object->labels->name . '">' . $post_type_object->labels->name . '</a></li>';
                echo '<li class="separator"> ' . $separator . ' </li>';
 
            }
 
            $custom_tax_name = get_queried_object()->name;
            echo '<li class="item-current item-archive"><strong class="bread-current bread-archive">' . $custom_tax_name . '</strong></li>';
 
        } else if ( is_single() ) {
 
            // Если запись - пользовательський другой тип записи
            $post_type = get_post_type();
 
            if($post_type != 'post') {
 
                $post_type_object = get_post_type_object($post_type);
                $post_type_archive = get_post_type_archive_link($post_type);
 
                echo '<li class="item-cat item-custom-post-type-' . $post_type . '"><a class="bread-cat bread-custom-post-type-' . $post_type . '" href="' . $post_type_archive . '" title="' . $post_type_object->labels->name . '">' . $post_type_object->labels->name . '</a></li>';
                echo '<li class="separator"> ' . $separator . ' </li>';
 
            }
 
            // Рубрика
            $category = get_the_category();
 
            if(!empty($category)) {
 
                // Последняя рубрика в цепочке рубрик
                $last_category = end(array_values($category));
 
                // Родительськая рубрика
                $get_cat_parents = rtrim(get_category_parents($last_category->term_id, true, ','),',');
                $cat_parents = explode(',',$get_cat_parents);
 
                // Перебор родительских категорий и сохранение в переменную $cat_display
                $cat_display = '';
                foreach($cat_parents as $parents) {
                    $cat_display .= '<li class="item-cat">'.$parents.'</li>';
                    $cat_display .= '<li class="separator"> ' . $separator . ' </li>';
                }
 
            }
 
            // Если это пользовательский тип записи в пользовательской таксономии
            $taxonomy_exists = taxonomy_exists($custom_taxonomy);
            if(empty($last_category) && !empty($custom_taxonomy) && $taxonomy_exists) {
 
                $taxonomy_terms = get_the_terms( $post->ID, $custom_taxonomy );
                $cat_id         = $taxonomy_terms[0]->term_id;
                $cat_nicename   = $taxonomy_terms[0]->slug;
                $cat_link       = get_term_link($taxonomy_terms[0]->term_id, $custom_taxonomy);
                $cat_name       = $taxonomy_terms[0]->name;
 
            }
 
            // Проверка, если пост находится в рубрике
            if(!empty($last_category)) {
                echo $cat_display;
                echo '<li class="item-current item-' . $post->ID . '"><strong class="bread-current bread-' . $post->ID . '" title="' . get_the_title() . '">' . get_the_title() . '</strong></li>';
 
            // Иначе, если пост в пользовательской таксономии
            } else if(!empty($cat_id)) {
 
                echo '<li class="item-cat item-cat-' . $cat_id . ' item-cat-' . $cat_nicename . '"><a class="bread-cat bread-cat-' . $cat_id . ' bread-cat-' . $cat_nicename . '" href="' . $cat_link . '" title="' . $cat_name . '">' . $cat_name . '</a></li>';
                echo '<li class="separator"> ' . $separator . ' </li>';
                echo '<li class="item-current item-' . $post->ID . '"><strong class="bread-current bread-' . $post->ID . '" title="' . get_the_title() . '">' . get_the_title() . '</strong></li>';
 
            } else {
 
                echo '<li class="item-current item-' . $post->ID . '"><strong class="bread-current bread-' . $post->ID . '" title="' . get_the_title() . '">' . get_the_title() . '</strong></li>';
 
            }
 
        } else if ( is_category() ) {
 
            // На странице рубрики
            echo '<li class="item-current item-cat"><strong class="bread-current bread-cat">' . single_cat_title('', false) . '</strong></li>';
 
        } else if ( is_page() ) {
 
            // Стандартная страница
            if( $post->post_parent ){
 
                // Если у страницы есть родитель
                $anc = get_post_ancestors( $post->ID );
 
                // Получить родителей в правильном порядке
                $anc = array_reverse($anc);
 
                // Родительский цикл страницы
                if ( !isset( $parents ) ) $parents = null;
                foreach ( $anc as $ancestor ) {
                    $parents .= '<li class="item-parent item-parent-' . $ancestor . '"><a class="bread-parent bread-parent-' . $ancestor . '" href="' . get_permalink($ancestor) . '" title="' . get_the_title($ancestor) . '">' . get_the_title($ancestor) . '</a></li>';
                    $parents .= '<li class="separator separator-' . $ancestor . '"> ' . $separator . ' </li>';
                }
 
                // Отобразить родителей страницы
                echo $parents;
 
                // Текущая страница
                echo '<li class="item-current item-' . $post->ID . '"><strong title="' . get_the_title() . '"> ' . get_the_title() . '</strong></li>';
 
            } else {
 
                // Просто отобразить текущую страницу, если нет родителей
                echo '<li class="item-current item-' . $post->ID . '"><strong class="bread-current bread-' . $post->ID . '"> ' . get_the_title() . '</strong></li>';
 
            }
 
        } else if ( is_tag() ) {
 
            // Страница метки
 
            // Получаем информацию из страницы метки
            $term_id        = get_query_var('tag_id');
            $taxonomy       = 'post_tag';
            $args           = 'include=' . $term_id;
            $terms          = get_terms( $taxonomy, $args );
            $get_term_id    = $terms[0]->term_id;
            $get_term_slug  = $terms[0]->slug;
            $get_term_name  = $terms[0]->name;
 
            // Отображение имени метки
            echo '<li class="item-current item-tag-' . $get_term_id . ' item-tag-' . $get_term_slug . '"><strong class="bread-current bread-tag-' . $get_term_id . ' bread-tag-' . $get_term_slug . '">' . $get_term_name . '</strong></li>';
 
        } elseif ( is_day() ) {
 
             // АРХИВ ДНЯ 
            // Архив года
            echo '<li class="item-year item-year-' . get_the_time('Y') . '"><a class="bread-year bread-year-' . get_the_time('Y') . '" href="' . get_year_link( get_the_time('Y') ) . '" title="' . get_the_time('Y') . '">' . get_the_time('Y') . ' Archives</a></li>';
            echo '<li class="separator separator-' . get_the_time('Y') . '"> ' . $separator . ' </li>';
 
            // Архив месяца
            echo '<li class="item-month item-month-' . get_the_time('m') . '"><a class="bread-month bread-month-' . get_the_time('m') . '" href="' . get_month_link( get_the_time('Y'), get_the_time('m') ) . '" title="' . get_the_time('M') . '">' . get_the_time('M') . ' Archives</a></li>';
            echo '<li class="separator separator-' . get_the_time('m') . '"> ' . $separator . ' </li>';
 
            // Архив дня
            echo '<li class="item-current item-' . get_the_time('j') . '"><strong class="bread-current bread-' . get_the_time('j') . '"> ' . get_the_time('jS') . ' ' . get_the_time('M') . ' Archives</strong></li>';
 
        } else if ( is_month() ) {
 
            // АРХИВ МЕСЯЦА
            // Архив года
            echo '<li class="item-year item-year-' . get_the_time('Y') . '"><a class="bread-year bread-year-' . get_the_time('Y') . '" href="' . get_year_link( get_the_time('Y') ) . '" title="' . get_the_time('Y') . '">' . get_the_time('Y') . ' Archives</a></li>';
            echo '<li class="separator separator-' . get_the_time('Y') . '"> ' . $separator . ' </li>';
 
            // Архив месяца
            echo '<li class="item-month item-month-' . get_the_time('m') . '"><strong class="bread-month bread-month-' . get_the_time('m') . '" title="' . get_the_time('M') . '">' . get_the_time('M') . ' Archives</strong></li>';
 
        } else if ( is_year() ) {
 
            // АРХИВ ГОДА
            echo '<li class="item-current item-current-' . get_the_time('Y') . '"><strong class="bread-current bread-current-' . get_the_time('Y') . '" title="' . get_the_time('Y') . '">' . get_the_time('Y') . ' Archives</strong></li>';
 
        } else if ( is_author() ) {
 
            // Архив автора
 
            // Информация об авторе
            global $author;
            $userdata = get_userdata( $author );
 
            // Отобразить имя автора
            echo '<li class="item-current item-current-' . $userdata->user_nicename . '"><strong class="bread-current bread-current-' . $userdata->user_nicename . '" title="' . $userdata->display_name . '">' . 'Author: ' . $userdata->display_name . '</strong></li>';
 
        } else if ( get_query_var('paged') ) {
 
            // Постстраничный архив
            echo '<li class="item-current item-current-' . get_query_var('paged') . '"><strong class="bread-current bread-current-' . get_query_var('paged') . '" title="Page ' . get_query_var('paged') . '">'.__('Page') . ' ' . get_query_var('paged') . '</strong></li>';
 
        } else if ( is_search() ) {
 
            // Результаты поиска
            echo '<li class="item-current item-current-' . get_search_query() . '"><strong class="bread-current bread-current-' . get_search_query() . '" title="Search results for: ' . get_search_query() . '">Search results for: ' . get_search_query() . '</strong></li>';
 
        } elseif ( is_404() ) {
 
            // Страница 404
            echo '<li>' . 'Error 404' . '</li>';
        }
 
        echo '</ul>';
 
    }
 
}

Затем отображаем хлебные крошки на вашей странице (например: single.php, page.php, archive.php и т.д.):

<?php custom_breadcrumbs(); ?>

Теперь крошки нужно немного приукрасить. Ниже некоторые основные стили CSS, просто используйте следующий код в файле стилей .css:

#breadcrumbs{
    list-style:none;
    margin:10px 0;
    overflow:hidden;
}
 
#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:15px;
}
 
#breadcrumbs .separator{
    font-size:18px;
    font-weight:100;
    color:#ccc;
}

 

302 Found

Found

The document has moved here.