Wordpress

Хлебные крошки wordpress плагин: Как Добавить Хлебные Крошки в WordPress: Пошаговое Руководство

19.12.2020

Содержание

Хлебные крошки WordPress или как сделать Breadcrumb WordPress


На данный момент поисковые системы хорошо понимают структуру каждого сайта или блога и обращают большое внимание на удобство юзабилити на веб ресурсе, то есть, чтобы было легко и понятно бродить по сайту не напрягаясь. Есть много разных способов как сделать юзабилити сайта понятным и удобным. Один из способов, который используют большинство сайтов — это хлебные крошки или breadcrumb. В WordPress есть множество решений как реализовать хлебные крошки WordPress или как ещё называют Breadcrumb WordPress (по-английски). В данной статье я расскажу как быстро и легко настроить данную функцию с помощью плагина Breadcrumb NavXT.

Поясню, Хлебные крошки — это маленькая навигация, которая обычно располагается под главным меню, в которой можно отследить своё передвижение по сайту. Например мы зашли на сайт с товарами, выбрали молоток, а Breadcrumb покажет нам путь по которому мы можем увидеть категории, подкатегории расположения этого товара.

Чтобы отслеживать Ваших посетителей на блоге читайте статью как сделать в wordpress счетчик и статистику посещений.


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

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

Breadcrumb NavXT это плагин WordPress, который совместим с версиями WordPress 3.1 и выше. Этот плагин генерирует  хлебные крошки для вашего блога WordPress. Плагин представляет собой иерархию, ведущих категорий к текущей странице, а не фактическое путь, чтобы прийти к текущей странице.

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

Нашёл один минус Breadcrumb NavXT. Если у Вас сложный дизайн Вам придётся переделывать дизайн плагина под свой сайт, в принципе ничего сложного, но для начинающих веб мастеров может быть проблематично, ничего ученье свет. Да напомню, что после создания блога все посты будут спамить комментариями боты спамеры, чтобы избавиться от спама читайте как в wordpress отключить комментарии и Как поставить комментарии WordPress и забыть о спаме

Всё, что Вам нужно сделать для начала работы — это взять плагин Breadcrumb NavXT и установить. Далее, чтобы отображались хлебные крошки Вам нужно поставить в шаблоне данный код, в той части шаблона, где Вы хотите видеть Breadcrumb:

 

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

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

Если Вы делаете блог на denwer на персональном компьютере и думаете как установить WordPress на хостинг, читайте мою статью, в которой всё очень подробно расписано.

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

Если информация Вам пригодилась поделитесь с ней со своими друзьями!

Работа с WordPress.

Инфо

Хлебные крошки на WordPress с плагином Breadcrumb NavXT

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

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

Что такое хлебные крошки WordPress

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

Например: “главная – рубрика – страница”.
А самым простым способом сделать хлебные крошки на вашем сайте на WordPress — это установить плагин Breadcrumb NavXT.

Установка Breadcrumb NavXT

Устанавливается Breadcrumb NavXT также как плагин Simple Tags и почти любой другой плагин на WordPress.

Сначала вам надо будет скачать этот плагин для хлебных крошек, затем залить архив на сервер в папку “ваш_сайт/wp-content/plugins/”. А после этого в панели управления WordPress в разделе “Плагины” вам потребуется активировать Breadcrumb NavXT.

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

<div>

<?php

if(function_exists(‘bcn_display’))

{

bcn_display();

}

>?

</div>

Я добавил их в файл single.php моей темы. Вы можете добавить его туда же или попробовать самостоятельно поэкспериментировать с местом добавления.

Настройка плагина Breadcrumb NavXT

Настройка плагина Breadcrumb NavXT проста и интуитивно понятна. Ее можно найти в одноименном разделе в параметрах вашей панели WordPress.

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

В конце стоит также отметить, что последняя версия плагина Breadcrumb NavXT, ссылка на скачку которой есть в данной статье, работает только в последних версиях WordPress. Так что если у вас уже старая версия этой CMS, то вам лучше ее обновить.

Кроме плагина Breadcrumb NavXT на WordPress есть и другие варианты установки хлебных крошек, но этот на мой взгляд наиболее прост и удобен.

Загрузка…

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

Категория: Web-разработка • CMS WoprdPress

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

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

Функция по частям

function echo_breadcrumbs($args = [], $echo = true) {
    /*
     * Сюда будем добавлять весь код, но по частям,
     * рассматривая все возможные ситуации: главная
     * страница, страница записи блога и т.п.
     */
}
    /*
     * Настройки хлебных крошек по умолчанию
     */
    $defaults = [
        // обертка для всех элементов хлебных крошек
        'wrapper' => ['<div>', '</div>'],
        // шаблон для элемента хлебных крошек, ссылка
        'link' => '<a href="%HREF%">%TEXT%</a>',
        // шаблон для элемента хлебных крошек, текст
        'text' => '<span>%TEXT%</span>',
        // разделитель для элеменов хлебных крошек
        'separator' => '<span> › </span>',
        // показывать хлебные крошки на главной странице?
        'show_on_home' => true,
        // показывать в хлебных крошках текущую страницу?
        'show_current' => false,
    ];

    /*
     * Объединяем настройки по умолчанию и настройки, переданные
     * при вызове функции
     */
    $settings = wp_parse_args($args, $defaults);
    /*
     * В этом массиве будем накапливать все элементы хлебных крошек
     */
    $breadcrumbs = [];

    /*
     * Если это не страница списка записей (рубрика, архив), а отдельная запись
     * (пост, страница, вложение) — получаем ее родителя.  Эта переменная нам
     * потребуется несколько раз ниже, поэтому получим ее значение один раз.
     */
    global $post;
    $parent_id = ($post) ? $post->post_parent : false;

    /*
     * Итак, добавляем первый элемент в хлебные крошки
     */
    $href = home_url('/');
    $text = 'Главная';
    $html = str_replace(
        ['%HREF%', '%TEXT%'],
        [$href, $text],
        $settings['link']
    );
    $breadcrumbs[] = $html;
    /*
     * Если мы находимся на главной странице сайта
     */
    if (is_front_page()) {
        /*
         * Здесь возможны две ситуации: когда на главной странице показывается
         * список последних записей блога или когда на главной показывается
         * статическая страница. В случае статической страницы, больше ничего
         * делать не надо, в хлебных крошках всего один элемент.
         */
        // на главной показывается список последних записей
        if (get_query_var('paged')) {
            // добавляем в массив текст «Страница N»
            $text = 'Страница ' .
get_query_var('paged'); $html = str_replace('%TEXT%', $text, $settings['text']); $breadcrumbs[] = $html; } // если на главной не надо показывать хлебные крошки, // просто очищаем массив $breadcrumbs if (!$settings['show_on_home']) { $breadcrumbs = []; } }
    /*
     * Если мы находимся на странице последних записей блога,
     * но это не главная страница
     */
    if (is_home() && !is_front_page()) {
        // идентификтор страницы, где показываются последние записи
        $page_for_posts = get_option('page_for_posts', false);
        // наименование страницы, где показываются последние записи
        $title = get_the_title($page_for_posts);
        /*
         * Если это не первая страница последних записей (постраничная навигация),
         * то сначала добавляем в массив $breadcrumbs ссылку на первую страницу,
         * а потом — текст «Страница N»
         */
        if (get_query_var('paged')) {
            // добавляем в массив ссылку на первую страницу
            $href = get_page_link($page_for_posts);
            $text = $title;
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
            // добавляем в массив текст «Страница N»
            $text = 'Страница ' .  get_query_var('paged');
            $html = str_replace('%TEXT%', $text, $settings['text']);
            $breadcrumbs[] = $html;
        } else {
            if ($settings['show_current']) {
                $text = $title;
                $html = str_replace('%TEXT%', $text, $settings['text']);
                $breadcrumbs[] = $html;
            }
        }
    }
    /*
     * Если мы находимся на странице списка записей рубрики
     */
    if (is_category()) {
        /*
         * Если последние записи блога показываются не на главной
         * странице, добавляем в хлебные крошки еще и ссылку на ту
         * страницу, на которой показываются последние записи
         */
        // идентификтор страницы, где показываются последние записи
        $page_for_posts = get_option('page_for_posts', 0);
        if ($page_for_posts) {
            // наименование страницы, где показываются последние записи
            $title = get_the_title($page_for_posts);
            // добавляем в массив ссылку на эту страницу
            $href = get_page_link($page_for_posts);
            $text = $title;
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
        }
        /*
         * Добавляем в массив ссылки на всех родителей этой рубрики
         */
        $parents = get_ancestors(get_query_var('cat'), 'category');
        foreach (array_reverse($parents) as $cat) {
            $href = get_category_link($cat);
            $text = get_cat_name($cat);
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
        }
        if (get_query_var('paged')) {
            /*
             * Если это не первая страница рубрики (постраничная навигация),
             * то сначала добавляем в массив $breadcrumbs ссылку на рубрику,
             * а потом — текст «Страница N»
             */
            // добавляем в массив ссылку на рубрику
            $cat = get_query_var('cat');
            $href = get_category_link($cat);
            $text = get_cat_name($cat);
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
            // добавляем в массив текст «Страница N»
            $text = 'Страница ' .  get_query_var('paged');
            $html = str_replace('%TEXT%', $text, $settings['text']);
            $breadcrumbs[] = $html;
        } else {
            /*
             * Если это первая страница рубрики, просто добавляем
             * в массив $breadcrumbs название рубрики
             */
            if ($settings['show_current']) {
                $text = single_cat_title('', false);
                $html = str_replace('%TEXT%', $text, $settings['text']);
                $breadcrumbs[] = $html;
            }
        }
    }
    /*
     * Если мы находимся на статической странице (тип записи «page»)
     */
    if (is_page() && !is_front_page() && !is_attachment()) {
        if ($parent_id) {
            /*
             * Если у страницы есть родитель
             */
            // получаем всех предков страницы и добавляем в массив
            $parents = get_post_ancestors(get_the_ID());
            foreach (array_reverse($parents) as $id) {
                $href = get_page_link($id);
                $text = get_the_title($id);
                $html = str_replace(
                    ['%HREF%', '%TEXT%'],
                    [$href, $text],
                    $settings['link']
                );
                $breadcrumbs[] = $html;
            }
            if ($settings['show_current']) {
                $text = get_the_title();
                $html = str_replace('%TEXT%', $text, $settings['text']);
                $breadcrumbs[] = $html;
            }
        } else {
            /*
             * Если у страницы нет родителя
             */
            if ($settings['show_current']) {
                $text = get_the_title();
                $html = str_replace('%TEXT%', $text, $settings['text']);
                $breadcrumbs[] = $html;
            }
        }
    }
    /*
     * Если мы находимся на отдельной странице записи типа «post»
     */
    if (is_single() && get_post_type() == 'post') {
        /*
         * Если последние записи блога показываются не на главной
         * странице, добавляем в хлебные крошки еще и ссылку на ту
         * страницу, на которой показываются последние записи
         */
        // идентификтор страницы, где показываются последние записи
        $page_for_posts = get_option('page_for_posts', 0);
        if ($page_for_posts) {
            // наименование страницы, где показываются последние записи
            $title = get_the_title($page_for_posts);
            // добавляем в массив ссылку на эту страницу
            $href = get_page_link($page_for_posts);
            $text = $title;
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
        }
        /*
         * Добавляем в массив ссылку на рубрику и ссылки на всех родителей
         */
        // рубрики, в которых размещена эта запись
        $cat = get_the_category();
        // но мы используем только одну рубрику
        $catID = $cat[0]->cat_ID;
        // получаем всех родителей этой рубрики
        $parents = get_ancestors($catID, 'category');
        $parents = array_reverse( $parents );
        $parents[] = $catID;
        foreach ($parents as $cat) {
            $href = get_category_link($cat);
            $text = get_cat_name($cat);
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
        }
        /*
         * Если у записи много комментариев, они будут расположены
         * на нескольких страницах
         */
        if (get_query_var('cpage')) {
            // добавляем в массив ссылку на эту запись
            $href = get_permalink();
            $text = get_the_title();
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
            // добавляем в массив текст «Страница комментариев N»
            $number = get_query_var('cpage');
            $text = 'Страница комментариев '. $number;
            $html = str_replace('%TEXT%', $text, $settings['text']);
            $breadcrumbs[] = $html;
        } else {
            if ($settings['show_current']) {
                $text = get_the_title();
                $html = str_replace('%TEXT%', $text, $settings['text']);
                $breadcrumbs[] = $html;
            }
        }
    }
    /*
     * Если мы находимся на отдельной странице вложения
     */
    if (is_attachment()) {
        /*
         * Если вложение прикреплено к записи или странице
         */
        if ($parent_id) {
            $parent = get_post($parent_id);
            /*
             * Вложение прикреплено к записи блога
             */
            if ($parent->post_type == 'post') {
                /*
                 * Если последние записи блога показываются не на главной
                 * странице, добавляем в хлебные крошки еще и ссылку на ту
                 * страницу, на которой показываются последние записи
                 */
                // идентификтор страницы, где показываются последние записи
                $page_for_posts = get_option('page_for_posts', 0);
                if ($page_for_posts) {
                    // наименование страницы, где показываются последние записи
                    $title = get_the_title($page_for_posts);
                    // добавляем в массив ссылку на эту страницу
                    $href = get_page_link($page_for_posts);
                    $text = $title;
                    $html = str_replace(
                        ['%HREF%', '%TEXT%'],
                        [$href, $text],
                        $settings['link']
                    );
                    $breadcrumbs[] = $html;
                }
                // рубрики, в которых размещена эта запись
                $cat = get_the_category($parent->ID);
                // но мы используем только одну рубрику
                $catID = $cat[0]->cat_ID;
                // получаем всех родителей этой рубрики
                $parents = get_ancestors($catID, 'category');
                $parents = array_reverse($parents);
                $parents[] = $catID;
                foreach ($parents as $cat) {
                    $href = get_category_link($cat);
                    $text = get_cat_name($cat);
                    $html = str_replace(
                        ['%HREF%', '%TEXT%'],
                        [$href, $text],
                        $settings['link']
                    );
                    $breadcrumbs[] = $html;
                }
                $href = get_permalink($parent);
                $text = $parent->post_title;
                $html = str_replace(
                    ['%HREF%', '%TEXT%'],
                    [$href, $text],
                    $settings['link']
                );
                $breadcrumbs[] = $html;
            }
            /*
             * Вложение прикреплено к статической странице
             */
            if ($parent->post_type == 'page') {
                /*
                 * Если вложение прикреплено к статической странице,
                 * которая показывается на главной странице, тогда
                 * не нужно еще раз добавлять в массив $breadcrumbs
                 * главную страницу
                 */
                if (get_option('page_on_front', 0) != $parent->ID) {
                    $parents = get_post_ancestors($parent->ID);
                    $parents = array_reverse($parents);
                    $parents[] = $parent->ID;
                    foreach ($parents as $id) {
                        $href = get_page_link($id);
                        $text = get_the_title($id);
                        $html = str_replace(
                            ['%HREF%', '%TEXT%'],
                            [$href, $text],
                            $settings['link']
                        );
                        $breadcrumbs[] = $html;
                    }
                }
            }
        }
        if ($settings['show_current']) {
            $text = get_the_title();
            $html = str_replace('%TEXT%', $text, $settings['text']);
            $breadcrumbs[] = $html;
        }
    }
    /*
     * Если мы находимся на странице результатов поиска
     */
    if (is_search()) {
        /*
         * Если это не первая страница результатов поиска (постраничная навигация),
         * то сначала добавляем в массив $breadcrumbs ссылку на первую страницу, а
         * потом — текст «Страница N»
         */
        if (get_query_var('paged')) {
            // добавляем в массив ссылку на первую страницу
            $href = home_url('/') .  '?s=' . get_search_query();
            $text = 'Результаты для «' . get_search_query() . '»';
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
            // добавляем в массив текст «Страница N»
            $text = 'Страница ' . get_query_var('paged');
            $html = str_replace('%TEXT%', $text, $settings['text']);
            $breadcrumbs[] = $html;
        } else {
            if ($settings['show_current']) {
                $text = 'Результаты для «' . get_search_query() . '»';
                $html = str_replace('%TEXT%', $text, $settings['text']);
                $breadcrumbs[] = $html;
            }
        }
    }
    /*
     * Если мы находимся на странице архива по годам
     */
    if (is_year()) {
        /*
         * Если последние записи блога показываются не на главной
         * странице, добавляем в хлебные крошки еще и ссылку на ту
         * страницу, на которой показываются последние записи
         */
        // идентификтор страницы, где показываются последние записи
        $page_for_posts = get_option('page_for_posts', 0);
        if ($page_for_posts) {
            // наименование страницы, где показываются последние записи
            $title = get_the_title($page_for_posts);
            // добавляем в массив ссылку на эту страницу
            $href = get_page_link($page_for_posts);
            $text = $title;
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
        }
        /*
         * Если это не первая страница архива по годам (постраничная навигация),
         * то сначала добавляем в массив $breadcrumbs ссылку на первую страницу,
         * а потом — текст «Страница N»
         */
        if (get_query_var('paged')) {
            // добавляем в массив ссылку на первую страницу
            $href = get_year_link(get_the_time('Y'));
            $text = get_the_time('Y');
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
            // добавляем в массив текст «Страница N»
            $text = 'Страница ' .  get_query_var('paged');
            $html = str_replace('%TEXT%', $text, $settings['text']);
            $breadcrumbs[] = $html;
        } else {
            if ($settings['show_current']) {
                // добавляем в массив текст — название года
                $text = get_the_time('Y');
                $html = str_replace('%TEXT%', $text, $settings['text']);
                $breadcrumbs[] = $html;
            }
        }
    }
    /*
     * Если мы находимся на странице архива по месяцам
     */
    if (is_month()) {
        /*
         * Если последние записи блога показываются не на главной
         * странице, добавляем в хлебные крошки еще и ссылку на ту
         * страницу, на которой показываются последние записи
         */
        // идентификтор страницы, где показываются последние записи
        $page_for_posts = get_option('page_for_posts', 0);
        if ($page_for_posts) {
            // наименование страницы, где показываются последние записи
            $title = get_the_title($page_for_posts);
            // добавляем в массив ссылку на эту страницу
            $href = get_page_link($page_for_posts);
            $text = $title;
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
        }
        // добавляем в массив ссылку на год публикации
        $href = get_year_link(get_the_time('Y'));
        $text = get_the_time('Y');
        $html = str_replace(
            ['%HREF%', '%TEXT%'],
            [$href, $text],
            $settings['link']
        );
        $breadcrumbs[] = $html;
        /*
         * Если это не первая страница архива по месяцам (постраничная навигация),
         * то сначала добавляем в массив $breadcrumbs ссылку на первую страницу,
         * а потом — текст «Страница N»
         */
        if (get_query_var('paged')) {
            // добавляем в массив ссылку на первую страницу
            $href = get_year_link(get_the_time('F'));
            $text = get_the_time('F');
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
            // добавляем в массив текст «Страница N»
            $text = 'Страница ' .  get_query_var('paged');
            $html = str_replace('%TEXT%', $text, $settings['text']);
            $breadcrumbs[] = $html;
        } else {
            if ($settings['show_current']) {
                // добавляем в массив текст — название месяца
                $text = get_the_time('F');
                $html = str_replace('%TEXT%', $text, $settings['text']);
                $breadcrumbs[] = $html;
            }
        }
    }
    /*
     * Если мы находимся на странице архива по дням
     */
    if (is_day()) {
        /*
         * Если последние записи блога показываются не на главной
         * странице, добавляем в хлебные крошки еще и ссылку на ту
         * страницу, на которой показываются последние записи
         */
        // идентификтор страницы, где показываются последние записи
        $page_for_posts = get_option('page_for_posts', 0);
        if ($page_for_posts) {
            // наименование страницы, где показываются последние записи
            $title = get_the_title($page_for_posts);
            // добавляем в массив ссылку на эту страницу
            $href = get_page_link($page_for_posts);
            $text = $title;
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
        }
        // добавляем в массив ссылку на год публикации
        $href = get_year_link(get_the_time('Y'));
        $text = get_the_time('Y');
        $html = str_replace(
            ['%HREF%', '%TEXT%'],
            [$href, $text],
            $settings['link']
        );
        $breadcrumbs[] = $html;
        // добавляем в массив ссылку на месяц публикации
        $href = get_month_link(
            get_the_time('Y'),
            get_the_time('m')
        );
        $text = get_the_time('F');
        $html = str_replace(
            ['%HREF%', '%TEXT%'],
            [$href, $text],
            $settings['link']
        );
        $breadcrumbs[] = $html;
        /*
         * Если это не первая страница архива по дням (постраничная навигация),
         * то сначала добавляем в массив $breadcrumbs ссылку на первую страницу,
         * а потом — текст «Страница N»
         */
        if (get_query_var('paged')) {
            // добавляем в массив ссылку на первую страницу
            $href = get_day_link(
                get_the_time('Y'),
                get_the_time('m'),
                get_the_time('d')
            );
            $text = get_the_time('d');
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
            // добавляем в массив текст «Страница N»
            $text = 'Страница ' .  get_query_var('paged');
            $html = str_replace('%TEXT%', $text, $settings['text']);
            $breadcrumbs[] = $html;
        } else {
            if ($settings['show_current']) {
                // добавляем в массив текст — день публикации
                $text = get_the_time('d');
                $html = str_replace('%TEXT%', $text, $settings['text']);
                $breadcrumbs[] = $html;
            }
        }
    }
    /*
     * Если мы находимся на странице архива записей с меткой
     */
    if (is_tag()) {
        /*
         * Если последние записи блога показываются не на главной
         * странице, добавляем в хлебные крошки еще и ссылку на ту
         * страницу, на которой показываются последние записи
         */
        // идентификтор страницы, где показываются последние записи
        $page_for_posts = get_option('page_for_posts', 0);
        if ($page_for_posts) {
            // наименование страницы, где показываются последние записи
            $title = get_the_title($page_for_posts);
            // добавляем в массив ссылку на эту страницу
            $href = get_page_link($page_for_posts);
            $text = $title;
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
        }
        /*
         * Если это не первая страница списка записей (постраничная навигация),
         * то сначала добавляем в массив $breadcrumbs ссылку на первую страницу,
         * а потом — текст «Страница N»
         */
        if (get_query_var('paged')) {
            // добавляем в массив ссылку на первую страницу
            $tagID = get_query_var('tag_id');
            $href = get_tag_link($tagID);
            $text = 'Метка «'. single_tag_title('', false).'»';
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
            // добавляем в массив текст «Страница N»
            $text = 'Страница ' . get_query_var('paged');
            $html = str_replace('%TEXT%', $text, $settings['text']);
            $breadcrumbs[] = $html;
        } else {
            if ($settings['show_current']) {
                $text = 'Метка «'.single_tag_title('', false).'»';
                $html = str_replace('%TEXT%', $text, $settings['text']);
                $breadcrumbs[] = $html;
            }
        }
    }
    /*
     * Если мы находимся на странице архива записей автора
     */
    if (is_author()) {
        /*
         * Если последние записи блога показываются не на главной
         * странице, добавляем в хлебные крошки еще и ссылку на ту
         * страницу, на которой показываются последние записи
         */
        // идентификтор страницы, где показываются последние записи
        $page_for_posts = get_option('page_for_posts', 0);
        if ($page_for_posts) {
            // наименование страницы, где показываются последние записи
            $title = get_the_title($page_for_posts);
            // добавляем в массив ссылку на эту страницу
            $href = get_page_link($page_for_posts);
            $text = $title;
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
        }
        $author = get_userdata(get_query_var('author'));
        /*
         * Если это не первая страница списка записей (постраничная навигация),
         * то сначала добавляем в массив $breadcrumbs ссылку на первую страницу,
         * а потом — текст «Страница N»
         */
        if (get_query_var('paged')) {
            // добавляем в массив ссылку на первую страницу
            $href = get_author_posts_url($author->ID);
            $text = 'Автор ' .  $author->display_name;
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
            // добавляем в массив текст «Страница N»
            $text = 'Страница ' . get_query_var('paged');
            $html = str_replace('%TEXT%', $text, $settings['text']);
            $breadcrumbs[] = $html;
        } else {
            // если это первая страница постраничной навигации
            if ($settings['show_current']) {
                $text = 'Автор ' . $author->display_name;
                $html = str_replace('%TEXT%', $text, $settings['text']);
                $breadcrumbs[] = $html;
            }
        }
    }
    /*
     * Если мы находимся на странице 404 Not Found
     */
    if (is_404()) {
        if ($settings['show_current']) {
            $text = 'Страница не найдена';
            $html = str_replace('%TEXT%', $text, $settings['text']);
            $breadcrumbs[] = $html;
        }
    }
    if ($echo) { // выводим хлебные крошки
        if (!empty($breadcrumbs)) {
            $breadcrumbs = implode($settings['separator'], $breadcrumbs);
            echo $settings['wrapper'][0] .  $breadcrumbs . $settings['wrapper'][1];
        }
    } else { // возвращаем хлебные крошки
        return $breadcrumbs;
    }

Функция целиком

function echo_breadcrumbs($args = [], $echo = true) {

    /*
     * Настройки хлебных крошек по умолчанию
     */
    $defaults = [
        // обертка для всех элементов хлебных крошек
        'wrapper' => ['<div>', '</div>'],
        // шаблон для элемента хлебных крошек, ссылка
        'link' => '<a href="%HREF%">%TEXT%</a>',
        // шаблон для элемента хлебных крошек, текст
        'text' => '<span>%TEXT%</span>',
        // разделитель для элеменов хлебных крошек
        'separator' => '<span> › </span>',
        // показывать хлебные крошки на главной странице?
        'show_on_home' => true,
        // показывать в хлебных крошках текущую страницу?
        'show_current' => false,
    ];

    /*
     * Объединяем настройки по умолчанию и настройки, переданные
     * при вызове функции
     */
    $settings = wp_parse_args($args, $defaults);

    /*
     * В этом массиве будем накапливать все элементы хлебных крошек
     */
    $breadcrumbs = [];

    /*
     * Если это не страница списка записей (рубрика, архив), а отдельная запись
     * (пост, страница, вложение) — получаем ее родителя.  Эта переменная нам
     * потребуется несколько раз ниже, поэтому получим ее значение один раз.
     */
    global $post;
    $parent_id = ($post) ? $post->post_parent : false;

    /*
     * Итак, добавляем первый элемент в хлебные крошки
     */
    $href = home_url('/');
    $text = 'Главная';
    $html = str_replace(
        ['%HREF%', '%TEXT%'],
        [$href, $text],
        $settings['link']
    );
    $breadcrumbs[] = $html;

    /*
     * Если мы находимся на главной странице сайта
     */
    if (is_front_page()) {
        /*
         * Здесь возможны две ситуации: когда на главной странице показывается
         * список последних записей блога или когда на главной показывается
         * статическая страница. В случае статической страницы, больше ничего
         * делать не надо, в хлебных крошках всего один элемент.
         */
        // на главной показывается список последних записей
        if (get_query_var('paged')) {
            // добавляем в массив текст «Страница N»
            $text = 'Страница ' .  get_query_var('paged');
            $html = str_replace('%TEXT%', $text, $settings['text']);
            $breadcrumbs[] = $html;
        }
        // если на главной не надо показывать хлебные крошки,
        // просто очищаем массив $breadcrumbs
        if (!$settings['show_on_home']) {
            $breadcrumbs = [];
        }
    }

    /*
     * Если мы находимся на странице последних записей блога,
     * но это не главная страница
     */
    if (is_home() && !is_front_page()) {
        // идентификтор страницы, где показываются последние записи
        $page_for_posts = get_option('page_for_posts', false);
        // наименование страницы, где показываются последние записи
        $title = get_the_title($page_for_posts);
        /*
         * Если это не первая страница последних записей (постраничная навигация),
         * то сначала добавляем в массив $breadcrumbs ссылку на первую страницу,
         * а потом — текст «Страница N»
         */
        if (get_query_var('paged')) {
            // добавляем в массив ссылку на первую страницу
            $href = get_page_link($page_for_posts);
            $text = $title;
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
            // добавляем в массив текст «Страница N»
            $text = 'Страница ' .  get_query_var('paged');
            $html = str_replace('%TEXT%', $text, $settings['text']);
            $breadcrumbs[] = $html;
        } else {
            if ($settings['show_current']) {
                $text = $title;
                $html = str_replace('%TEXT%', $text, $settings['text']);
                $breadcrumbs[] = $html;
            }
        }
    }

    /*
     * Если мы находимся на странице списка записей рубрики
     */
    if (is_category()) {
        /*
         * Если последние записи блога показываются не на главной
         * странице, добавляем в хлебные крошки еще и ссылку на ту
         * страницу, на которой показываются последние записи
         */
        // идентификтор страницы, где показываются последние записи
        $page_for_posts = get_option('page_for_posts', 0);
        if ($page_for_posts) {
            // наименование страницы, где показываются последние записи
            $title = get_the_title($page_for_posts);
            // добавляем в массив ссылку на эту страницу
            $href = get_page_link($page_for_posts);
            $text = $title;
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
        }
        /*
         * Добавляем в массив ссылки на всех родителей этой рубрики
         */
        $parents = get_ancestors(get_query_var('cat'), 'category');
        foreach (array_reverse($parents) as $cat) {
            $href = get_category_link($cat);
            $text = get_cat_name($cat);
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
        }
        if (get_query_var('paged')) {
            /*
             * Если это не первая страница рубрики (постраничная навигация),
             * то сначала добавляем в массив $breadcrumbs ссылку на рубрику,
             * а потом — текст «Страница N»
             */
            // добавляем в массив ссылку на рубрику
            $cat = get_query_var('cat');
            $href = get_category_link($cat);
            $text = get_cat_name($cat);
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
            // добавляем в массив текст «Страница N»
            $text = 'Страница ' .  get_query_var('paged');
            $html = str_replace('%TEXT%', $text, $settings['text']);
            $breadcrumbs[] = $html;
        } else {
            /*
             * Если это первая страница рубрики, просто добавляем
             * в массив $breadcrumbs название рубрики
             */
            if ($settings['show_current']) {
                $text = single_cat_title( '', false );
                $html = str_replace('%TEXT%', $text, $settings['text']);
                $breadcrumbs[] = $html;
            }
        }
    }

    /*
     * Если мы находимся на статической странице (тип записи «page»)
     */
    if (is_page() && !is_front_page() && !is_attachment()) {
        if ($parent_id) {
            /*
             * Если у страницы есть родитель
             */
            // получаем всех предков страницы и добавляем в массив
            $parents = get_post_ancestors(get_the_ID());
            foreach (array_reverse($parents) as $id) {
                $href = get_page_link($id);
                $text = get_the_title($id);
                $html = str_replace(
                    ['%HREF%', '%TEXT%'],
                    [$href, $text],
                    $settings['link']
                );
                $breadcrumbs[] = $html;
            }
            if ($settings['show_current']) {
                $text = get_the_title();
                $html = str_replace('%TEXT%', $text, $settings['text']);
                $breadcrumbs[] = $html;
            }
        } else {
            /*
             * Если у страницы нет родителя
             */
            if ($settings['show_current']) {
                $text = get_the_title();
                $html = str_replace('%TEXT%', $text, $settings['text']);
                $breadcrumbs[] = $html;
            }
        }
    }

    /*
     * Если мы находимся на отдельной странице записи типа «post»
     */
    if (is_single() && get_post_type() == 'post') {
        /*
         * Если последние записи блога показываются не на главной
         * странице, добавляем в хлебные крошки еще и ссылку на ту
         * страницу, на которой показываются последние записи
         */
        // идентификтор страницы, где показываются последние записи
        $page_for_posts = get_option('page_for_posts', 0);
        if ($page_for_posts) {
            // наименование страницы, где показываются последние записи
            $title = get_the_title($page_for_posts);
            // добавляем в массив ссылку на эту страницу
            $href = get_page_link($page_for_posts);
            $text = $title;
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
        }
        /*
         * Добавляем в массив ссылку на рубрику и ссылки на всех родителей
         */
        // рубрики, в которых размещена эта запись
        $cat = get_the_category();
        // но мы используем только одну рубрику
        $catID = $cat[0]->cat_ID;
        // получаем всех родителей этой рубрики
        $parents = get_ancestors($catID, 'category');
        $parents = array_reverse( $parents );
        $parents[] = $catID;
        foreach ($parents as $cat) {
            $href = get_category_link($cat);
            $text = get_cat_name($cat);
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
        }
        /*
         * Если у записи много комментариев, они будут расположены
         * на нескольких страницах
         */
        if (get_query_var('cpage')) {
            // добавляем в массив ссылку на эту запись
            $href = get_permalink();
            $text = get_the_title();
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
            // добавляем в массив текст «Страница комментариев N»
            $number = get_query_var('cpage');
            $text = 'Страница комментариев '. $number;
            $html = str_replace('%TEXT%', $text, $settings['text']);
            $breadcrumbs[] = $html;
        } else {
            if ($settings['show_current']) {
                $text = get_the_title();
                $html = str_replace('%TEXT%', $text, $settings['text']);
                $breadcrumbs[] = $html;
            }
        }
    }

    /*
     * Если мы находимся на отдельной странице вложения
     */
    if (is_attachment()) {
        /*
         * Если вложение прикреплено к записи или странице
         */
        if ($parent_id) {
            $parent = get_post($parent_id);
            /*
             * Вложение прикреплено к записи блога
             */
            if ($parent->post_type == 'post') {
                /*
                 * Если последние записи блога показываются не на главной
                 * странице, добавляем в хлебные крошки еще и ссылку на ту
                 * страницу, на которой показываются последние записи
                 */
                // идентификтор страницы, где показываются последние записи
                $page_for_posts = get_option('page_for_posts', 0);
                if ($page_for_posts) {
                    // наименование страницы, где показываются последние записи
                    $title = get_the_title($page_for_posts);
                    // добавляем в массив ссылку на эту страницу
                    $href = get_page_link($page_for_posts);
                    $text = $title;
                    $html = str_replace(
                        ['%HREF%', '%TEXT%'],
                        [$href, $text],
                        $settings['link']
                    );
                    $breadcrumbs[] = $html;
                }
                // рубрики, в которых размещена эта запись
                $cat = get_the_category($parent->ID);
                // но мы используем только одну рубрику
                $catID = $cat[0]->cat_ID;
                // получаем всех родителей этой рубрики
                $parents = get_ancestors($catID, 'category');
                $parents = array_reverse($parents);
                $parents[] = $catID;
                foreach ($parents as $cat) {
                    $href = get_category_link($cat);
                    $text = get_cat_name($cat);
                    $html = str_replace(
                        ['%HREF%', '%TEXT%'],
                        [$href, $text],
                        $settings['link']
                    );
                    $breadcrumbs[] = $html;
                }
                $href = get_permalink($parent);
                $text = $parent->post_title;
                $html = str_replace(
                    ['%HREF%', '%TEXT%'],
                    [$href, $text],
                    $settings['link']
                );
                $breadcrumbs[] = $html;
            }
            /*
             * Вложение прикреплено к статической странице
             */
            if ($parent->post_type == 'page') {
                /*
                 * Если вложение прикреплено к статической странице,
                 * которая показывается на главной странице, тогда
                 * не нужно еще раз добавлять в массив $breadcrumbs
                 * главную страницу
                 */
                if (get_option('page_on_front', 0) != $parent->ID) {
                    $parents = get_post_ancestors($parent->ID);
                    $parents = array_reverse($parents);
                    $parents[] = $parent->ID;
                    foreach ($parents as $id) {
                        $href = get_page_link($id);
                        $text = get_the_title($id);
                        $html = str_replace(
                            ['%HREF%', '%TEXT%'],
                            [$href, $text],
                            $settings['link']
                        );
                        $breadcrumbs[] = $html;
                    }
                }
            }
        }
        if ($settings['show_current']) {
            $text = get_the_title();
            $html = str_replace('%TEXT%', $text, $settings['text']);
            $breadcrumbs[] = $html;
        }
    }

    /*
     * Если мы находимся на странице результатов поиска
     */
    if (is_search()) {
        /*
         * Если это не первая страница результатов поиска (постраничная навигация),
         * то сначала добавляем в массив $breadcrumbs ссылку на первую страницу, а
         * потом — текст «Страница N»
         */
        if (get_query_var('paged')) {
            // добавляем в массив ссылку на первую страницу
            $href = home_url('/') . '?s=' . get_search_query();
            $text = 'Результаты для «' . get_search_query() . '»';
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
            // добавляем в массив текст «Страница N»
            $text = 'Страница ' . get_query_var('paged');
            $html = str_replace('%TEXT%', $text, $settings['text']);
            $breadcrumbs[] = $html;
        } else {
            if ($settings['show_current']) {
                $text = 'Результаты для «' . get_search_query() . '»';
                $html = str_replace('%TEXT%', $text, $settings['text']);
                $breadcrumbs[] = $html;
            }
        }
    }

    /*
     * Если мы находимся на странице архива по годам
     */
    if (is_year()) {
        /*
         * Если последние записи блога показываются не на главной
         * странице, добавляем в хлебные крошки еще и ссылку на ту
         * страницу, на которой показываются последние записи
         */
        // идентификтор страницы, где показываются последние записи
        $page_for_posts = get_option('page_for_posts', 0);
        if ($page_for_posts) {
            // наименование страницы, где показываются последние записи
            $title = get_the_title($page_for_posts);
            // добавляем в массив ссылку на эту страницу
            $href = get_page_link($page_for_posts);
            $text = $title;
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
        }
        /*
         * Если это не первая страница архива по годам (постраничная навигация),
         * то сначала добавляем в массив $breadcrumbs ссылку на первую страницу,
         * а потом — текст «Страница N»
         */
        if (get_query_var('paged')) {
            // добавляем в массив ссылку на первую страницу
            $href = get_year_link(get_the_time('Y'));
            $text = get_the_time('Y');
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
            // добавляем в массив текст «Страница N»
            $text = 'Страница ' . get_query_var('paged');
            $html = str_replace('%TEXT%', $text, $settings['text']);
            $breadcrumbs[] = $html;
        } else {
            if ($settings['show_current']) {
                // добавляем в массив текст — название года
                $text = get_the_time('Y');
                $html = str_replace('%TEXT%', $text, $settings['text']);
                $breadcrumbs[] = $html;
            }
        }
    }

    /*
     * Если мы находимся на странице архива по месяцам
     */
    if (is_month()) {
        /*
         * Если последние записи блога показываются не на главной
         * странице, добавляем в хлебные крошки еще и ссылку на ту
         * страницу, на которой показываются последние записи
         */
        // идентификтор страницы, где показываются последние записи
        $page_for_posts = get_option('page_for_posts', 0);
        if ($page_for_posts) {
            // наименование страницы, где показываются последние записи
            $title = get_the_title($page_for_posts);
            // добавляем в массив ссылку на эту страницу
            $href = get_page_link($page_for_posts);
            $text = $title;
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
        }
        // добавляем в массив ссылку на год публикации
        $href = get_year_link(get_the_time('Y'));
        $text = get_the_time('Y');
        $html = str_replace(
            ['%HREF%', '%TEXT%'],
            [$href, $text],
            $settings['link']
        );
        $breadcrumbs[] = $html;
        /*
         * Если это не первая страница архива по месяцам (постраничная навигация),
         * то сначала добавляем в массив $breadcrumbs ссылку на первую страницу,
         * а потом — текст «Страница N»
         */
        if (get_query_var('paged')) {
            // добавляем в массив ссылку на первую страницу
            $href = get_year_link(get_the_time('F'));
            $text = get_the_time('F');
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
            // добавляем в массив текст «Страница N»
            $text = 'Страница ' . get_query_var('paged');
            $html = str_replace('%TEXT%', $text, $settings['text']);
            $breadcrumbs[] = $html;
        } else {
            if ($settings['show_current']) {
                // добавляем в массив текст — название месяца
                $text = get_the_time('F');
                $html = str_replace('%TEXT%', $text, $settings['text']);
                $breadcrumbs[] = $html;
            }
        }
    }

    /*
     * Если мы находимся на странице архива по дням
     */
    if (is_day()) {
        /*
         * Если последние записи блога показываются не на главной
         * странице, добавляем в хлебные крошки еще и ссылку на ту
         * страницу, на которой показываются последние записи
         */
        // идентификтор страницы, где показываются последние записи
        $page_for_posts = get_option('page_for_posts', 0);
        if ($page_for_posts) {
            // наименование страницы, где показываются последние записи
            $title = get_the_title($page_for_posts);
            // добавляем в массив ссылку на эту страницу
            $href = get_page_link($page_for_posts);
            $text = $title;
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
        }
        // добавляем в массив ссылку на год публикации
        $href = get_year_link(get_the_time('Y'));
        $text = get_the_time('Y');
        $html = str_replace(
            ['%HREF%', '%TEXT%'],
            [$href, $text],
            $settings['link']
        );
        $breadcrumbs[] = $html;
        // добавляем в массив ссылку на месяц публикации
        $href = get_month_link(
            get_the_time('Y'),
            get_the_time('m')
        );
        $text = get_the_time('F');
        $html = str_replace(
            ['%HREF%', '%TEXT%'],
            [$href, $text],
            $settings['link']
        );
        $breadcrumbs[] = $html;
        /*
         * Если это не первая страница архива по дням (постраничная навигация),
         * то сначала добавляем в массив $breadcrumbs ссылку на первую страницу,
         * а потом — текст «Страница N»
         */
        if (get_query_var('paged')) {
            // добавляем в массив ссылку на первую страницу
            $href = get_day_link(
                get_the_time('Y'),
                get_the_time('m'),
                get_the_time('d')
            );
            $text = get_the_time('d');
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
            // добавляем в массив текст «Страница N»
            $text = 'Страница ' . get_query_var('paged');
            $html = str_replace('%TEXT%', $text, $settings['text']);
            $breadcrumbs[] = $html;
        } else {
            if ($settings['show_current']) {
                // добавляем в массив текст — день публикации
                $text = get_the_time('d');
                $html = str_replace('%TEXT%', $text, $settings['text']);
                $breadcrumbs[] = $html;
            }
        }
    }

    /*
     * Если мы находимся на странице архива записей с меткой
     */
    if (is_tag()) {
        /*
         * Если последние записи блога показываются не на главной
         * странице, добавляем в хлебные крошки еще и ссылку на ту
         * страницу, на которой показываются последние записи
         */
        // идентификтор страницы, где показываются последние записи
        $page_for_posts = get_option('page_for_posts', 0);
        if ($page_for_posts) {
            // наименование страницы, где показываются последние записи
            $title = get_the_title($page_for_posts);
            // добавляем в массив ссылку на эту страницу
            $href = get_page_link($page_for_posts);
            $text = $title;
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
        }
        /*
         * Если это не первая страница списка записей (постраничная навигация),
         * то сначала добавляем в массив $breadcrumbs ссылку на первую страницу,
         * а потом — текст «Страница N»
         */
        if (get_query_var('paged')) {
            // добавляем в массив ссылку на первую страницу
            $tagID = get_query_var('tag_id');
            $href = get_tag_link($tagID);
            $text = 'Метка «'.single_tag_title('', false).'»';
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
            // добавляем в массив текст «Страница N»
            $text = 'Страница ' . get_query_var('paged');
            $html = str_replace('%TEXT%', $text, $settings['text']);
            $breadcrumbs[] = $html;
        } else {
            if ($settings['show_current']) {
                $text = 'Метка «'.single_tag_title('', false).'»';
                $html = str_replace('%TEXT%', $text, $settings['text']);
                $breadcrumbs[] = $html;
            }
        }
    }

    /*
     * Если мы находимся на странице архива записей автора
     */
    if (is_author()) {
        /*
         * Если последние записи блога показываются не на главной
         * странице, добавляем в хлебные крошки еще и ссылку на ту
         * страницу, на которой показываются последние записи
         */
        // идентификтор страницы, где показываются последние записи
        $page_for_posts = get_option('page_for_posts', 0);
        if ($page_for_posts) {
            // наименование страницы, где показываются последние записи
            $title = get_the_title($page_for_posts);
            // добавляем в массив ссылку на эту страницу
            $href = get_page_link($page_for_posts);
            $text = $title;
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
        }
        $author = get_userdata(get_query_var('author'));
        /*
         * Если это не первая страница списка записей (постраничная навигация),
         * то сначала добавляем в массив $breadcrumbs ссылку на первую страницу,
         * а потом — текст «Страница N»
         */
        if (get_query_var('paged')) {
            // добавляем в массив ссылку на первую страницу
            $href = get_author_posts_url($author->ID);
            $text = 'Автор ' . $author->display_name;
            $html = str_replace(
                ['%HREF%', '%TEXT%'],
                [$href, $text],
                $settings['link']
            );
            $breadcrumbs[] = $html;
            // добавляем в массив текст «Страница N»
            $text = 'Страница ' . get_query_var('paged');
            $html = str_replace('%TEXT%', $text, $settings['text']);
            $breadcrumbs[] = $html;
        } else {
            // если это первая страница постраничной навигации
            if ($settings['show_current']) {
                $text = 'Автор ' . $author->display_name;
                $html = str_replace('%TEXT%', $text, $settings['text']);
                $breadcrumbs[] = $html;
            }
        }
    }

    /*
     * Если мы находимся на странице 404 Not Found
     */
    if (is_404()) {
        if ($settings['show_current']) {
            $text = 'Страница не найдена';
            $html = str_replace('%TEXT%', $text, $settings['text']);
            $breadcrumbs[] = $html;
        }
    }

    if ($echo) { // выводим хлебные крошки
        if (!empty($breadcrumbs)) {
            $breadcrumbs = implode($settings['separator'], $breadcrumbs);
            echo $settings['wrapper'][0] . $breadcrumbs . $settings['wrapper'][1];
        }
    } else { // возвращаем хлебные крошки
        return $breadcrumbs;
    }

}

Пример вызова

При использовании фреймворка Bootstrap 3, уже есть готовый css-класс breadcrumb, позволяющий получить красиво оформленные хлебные крошки:

<ol>
    <li><a href="#">Главная</a></li>
    <li><a href="#">Процессоры</a></li>
    <li>Intel</li>
</ol>

Используем этот css-класс при вызове функции:

echo_breadcrumbs([
    'wrapper' => ['<ol>', '</ol>'],
    'link' => '<li><a href="%HREF%">%TEXT%</a></li>',
    'text' => '<li>%TEXT%</li>',
    'separator' => '',
    'show_current' => true,
]);

Поиск: CMS • Web-разработка • WordPress • Навигация • Функция • Хлебные крошки • Breadcrumbs

SEO Хлебные крошки на сайт wordpress супер плагин !

На чтение 2 мин. Просмотров 5

Привет ! Я продолжаю освещать супер полезные плагины для системы wordpress. Сегодня я расскажу и покажу как очень просто и быстро установить на свой сайт wordpress хлебные крошки. Что такое Хлебные крошки ? В хлебных крошках показывается путь проделанный вами на сайте, от первой страницы до текущей. Например, вы зашли на сайт на Главную страницу, затем перешлю в рубрику «Хозтовары», затем открыли запись «Как подоить корову» и т.д. Все эти страницы и ссылки на них будут отображаться в хлебных крошках. Хлебные крошки необходимы в первую очередь для удобства пользователей, чтобы они могли быстро вернуться на нужную им страницу или категорию. Но и конечно хлебные крошки положительно сказываются на seo продвижении сайта. То есть, за счёт хлебных крошек может увеличиться показатель поведенческого фактора на вашем сайте.

 

 

Добавить на свой сайт Хлебные крошки вы сможете с помощью простого плагина — Yummi Хлебные Крошки. Установить данный плагин на свой сайт вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

 

После установки и активации плагина, перейдите на страницу: Настройки — Yummi Хлебные крошки. Здесь вы сможете настроить плагин. Плагин имеет очень простые настройки, с которыми справится да же самый заядлый чайник .

 

Тип установки, выберите тип установки. Выберите тип Авто, чтобы хлебные крошки автоматически появились на вашем сайте. Если выберите тип — Ручная, то придётся вставлять код хлебных крошек на сайт вручную.

Вид Хлебных Крошек, выберите вид хлебных крошек. Можете поэкспериментировать с внешним видом хлебных крошек.

Имя текущей, выберите показывать ли в ХК имя текущей страницы или записи.

На Главной странице, показывать или нет ХК на главной странице.

«Home »» ссылка, показывать ссылку на домашнюю страницу.

Подсказки всплывающие, включить или отключить всплывающие подсказки.

— «title=» для ссылок, включить атрибут title для ссылок.

— Текущий шрифт, указан текущий шрифт для ХК.

— Изменить вид Заглавных категорий, можно изменить стиль шрифта для категорий.

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

Нажмите на кнопку — Сохранить изменения.

 

 

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

 


10 плагинов, которые обязательно должны быть установлены на WordPress блоге

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

Если вы не знаете как устанавливать плагины, то об этом вы можете почитать здесь

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

Aksimet — плагин, который отсеивает практически все спам-комментарии, помещая их в папку «спам», с которой их можно удалить навсегда, или одобрить.

All in One SEO Pack — очень хороший плагин для внутренней оптимизации сайта, который дает возможность нормально настроить мета теги типа: title, description, keywords и т. д. С помощь этого плагина, мы можем запретить поисковым системам индексировать некоторые страницы, с помощью метатегов  <noindex> и <nofollow>.  Также можно прямо в настройках этого дополнения, подтвердить свое владение блогом в основных поисковых системах. Также не нужно забывать, что он также генерирует карту сайта sitemap.xml. Это далеко не все возможности данного творения. Рекомендую его обязательно его себе установить.

Autoptimize — это дополнение помогает увеличить скорость загрузки блога. Оно может сжимать, а также переносить у footer блога JavaScript и CSS файлы, а также сжимать html-код страницы. Это очень актуально для Google, если вы хотите увеличить оценку Page Speed Insights. Тоже очень хорошее дополнение, но я его не использую на все 100 %, так как иногда возникают конфликты из моей темой.

Breadcrumb NavXT — плагин хлебных крошек (показывает, где именно вы находитесь в данное время на блоге. Также эти хлебные крошки, могут отображаться у выдаче Гугла, что способствует большей кликабельности именно вашего блога.

Также в нем, имеется много разных настроек, чтобы вы могли настроить вывод «хлебных крошек», так как вам нравится.

Contact Form 7 — с помощью этого дополнения, вы сможете реализовать у себя на сайте, форму обратной связи. Эту форму можно вставить на любой странице вашего блога.

Polylang — это вообще не заменимый плагин для мультиязычного блога. Этот плагин достоен отдельной статьи и я думаю, что я ее таки напишу немного позже. Но пока она не написана и вы хотите реализовать несколько языков на своем блоге/сайте, то обязательно обратите внимание на этот плагин, так как я ничего лучше, (а тем более бесплатно), еще не встречал.

SyntaxHighlighter Evolved — хороший плагин для подсветки синтаксиса кода в блоге. Подсвечиваются разные коды, в том числе: html, css, JavaScript, php и др.

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

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

Также стоит упомянуть о том, что этот рейтинг размечем микроразметкой Schema.org.  Это значит, что оценки, могут появится у результат поиска Google, что увеличит кликабельность вашего сайта у выдаче.

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

WP Super Cache — один из самых популярный (если не самый популярный) плагинов в мире на WordPress, для реализации кэширования вашего проекта. Он может понадобится вам, когда ваш блог начнут посещать много пользователей и хостинг просто не сможет выдерживать нагрузку.

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

Старайтесь устанавливать как можно меньше плагинов, потому, что они все создают не малую нагрузку. В следствие чего, блог может начать долго загружаться. Если у вас есть возможность оставить только 2-3 плагина из этого списка — прекрасно. Это будет лучше для скорости загрузки и нагрузки на сервер вашего хостинга. 

Как вывести хлебные крошки WordPress? Установите Breadcrumb NavXT

Плагин Breadcrumb NavXT поможет создать на блоге хлебные крошки или навигационную цепочку ссылок на любой странице блога, включая главную, рубрик и меток. Зачем это делается? Такая навигационная цепочка поможет читателю понять, где он находиться, облегчиться его перемещение по блогу, а значит поможет ему найти необходимые материалы на блоге.

Для поисковых систем плагин Breadcrumb NavXT предоставляет информацию о структуре сайта, он говорит, Вы находитесь на страничке поста, вот ссылка на страницу категории, а вот главная страница. Как видите сайт не использует какую-то запутанную иерархию страниц, где конечная страница, на которой размещен полезный материал, находиться в 5 — 6 кликах от главной. Это хороший сайт, проиндексируй его быстрее.

Установка плагина Breadcrumb NavXT и вывод хлебных крошек на блоге.

Плагин доступен к скачиванию по адресу — http://wordpress.org/extend/plugins/breadcrumb-navxt/, устанавливается на блог, но чтобы хлебные крошки заработали на блоге, необходимо внести изменения в код шаблона.

Определитесь, где должны отображаться хлебные крошки на блоге. В зависимости от принятого решения откройте на редактирование (рекомендую использовать программу NotePad++) такие файлы:

  • single.php — чтобы они выводились на странице одиночных заметок
  • archive.php — если желаете выводить хлебные крошки на страницах архивов
  • search.php — и крошки будут выводиться на страницах с результатами поиска
  • page.php —  навигационная цепочка будет размещена на страницах блога
  • category.php — если желаете выводить хлебные крошки на страницах рубрик и меток

В эти файлы или какой-то один файл вставьте этот код:

1
2
3
4
5
6
<div>
    <?php if(function_exists('bcn_display'))
    {
        bcn_display();
    }?>
</div>

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

Настройка плагина  Breadcrumb NavXT

Панель настройки плагина Breadcrumb NavXT находится «Параметры»  пункт «Breadcrumb NavXT» Когда Вы зайдете в панель впервые, он попросит обновить настройки — перейдите по ссылке. Она состоит из 4-х вкладок: Основные, Записи и страницы, Таксономии, Другие.  Каждая вкладка состоит из несколько разделов.

Вкладка «Основные»

Основные

  • Разделитель — значок, который будет выводится между ссылками в хлебных крошках(1)
  • Длина заголовка — если Вы даете очень длинные названия постам, навигационная цепочка может образовать 2 строки, а могут ссылки перекрыть боковую панель(иногда такое можете наблюдать на блогах под управлением WordPress. Поэтому ставьте флажок и ограничьте количество выводимых символов в крошках(2).

Текущая позиция

  • Показывать текущую позицию в виде ссылки — если да, то когда, Вы будете читать заметку, но в навигационной цепочке ее название будет ссылкой, если находитесь на странице рубрики — то ссылкой на страницу рубрики(тоесть саму на себя. Я не ставлю флажок.(3)
  • Постраничная навигация — опция полезна(4), если на блоге хлебные крошки отображаются на страницах рубрик или меток. Тогда на втором развороте и последующем в навигационной цепи ссылок будет выводиться номер страницы рубрики. Он определяется плагином PageNavi или другим дополнением, которое выводит постраничную навигацию на блоге. Пример виден на скриншоте ниже(6). Он отображает хлебные крошки, которые выводятся на втором развороте рубрики Автоновости.

Интересно выполнена настройка вывода ссылок или текста в цепочке с ссылками.

  • В поле Шаблон — определяется как именно будет форматироваться ссылка или надпись на второй разворот страницы рубрики: если в поле ввода стереть слово страница(5), то надпись на блоге изменит вид — со «страница 2» на просто «2».(6) Вместо слова «Страница» можно написать слово «часть», «разворот» и так далее.

Ссылка на главную — блок отвечает за форматирование ссылки на главную страницу блога.

  • Ссылка на главную — да, будет выводиться ссылка на главную страницу блога, нет — выводится как текст.
  • Шаблон ссылки на главную —  Если ссылка на главную да, — прописываем каким будет анкор ссылки(7). Редактируется только слово, которое размещено между тегами <a></a>
  • Шаблон ссылки на главную (некликабельная) — если флажок снят, то приписываем, каким будет текст (8), который будет размещен в начале хлебных крошек.

Ссылка на блог в блоке размещены такие опции Ссылка на блог, Шаблон ссылки на блог, Шаблон ссылки на блог (некликабельная) выполняет только ознакомительную функцию. Значение невозможно изменить.

Ссылка на главный сайт в блоке размещены такие опции Ссылка на главный сайт , Шаблон ссылки на главный сайт,  Шаблон ссылки на главный сайт (некликабельная) выполняет только ознакомительную функцию. Значение невозможно изменить.

Вкладка «Записи и страницы»

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

  • Шаблон ссылки на запись — изменить код ссылки, которая будет выводиться на страницах записей.
  • Шаблон ссылки на запись (некликабельная) — определить, каким образом будет оформляться название поста, если он, согласно с настройками(3), выводиться текстом.
  • Вывод иерархии — да, если посты привязываются к нескольким категориям или меткам одновременно.
  • Иерархия записи — выбрать лучший вариант выборки для построения хлебных крошек плагином Breadcrumb NavXT, варианты: Рубрики, Даты, Метки, Под-страницы. Последний вариант мне не очень понятен, я не мог добиться построения крошек по этому принципу. Не рекомендую использовать выборку «Даты», так как создается хлебные крошки, где между главной страницей и постом создаются отдельные ссылки на страницу архивов по годам, потом месяцам, потом дням.

Страницы — возможно изменить оформление хлебных крошек, которые будут выводиться на страницах.

Вкладка «Таксономии» состоит из 3-х разделов. В них можно настроить внешний вид хлебных крошек, которые будут выводиться на страницах рубрик, меток, архивов. Не забывайте, перед внесением изменений в свойства этой вкладки, Вы должны вставить код(он размещен выше по тексту) в файлы archive.php, category.php, search.php, создать метки и/или рубрики

Вкладка «Другое» — настройка внешнего вида и кода хлебных крошек, которые будут формироваться плагином Breadcrumb NavXT на архивных страницах страницах, выборка материалов на которых выполняется по имени автора постов. Обратите внимание, что в навигационной цепочке ссылок используется имя автора, разместившего посты, которое размещено  в профиле(опция «Отображать как»).

Я плагин Breadcrumb NavXT впервые установил на один из блогов 3 года назад, и вот в конце 2013 года повторно с ним познакомился. Скажу честно — он стал удобнее в настройке, опций меньше, работает также. Новички могут без страха устанавливать его на свои блоги, и польза и первые навыки по редактированию WordPress тем получат.

seomans.ru

Что такое хлебные крошки, для чего они нужны и как добавить их на сайт WordPress

Удобная и практичная навигация по сайту, это важный элемент любого сайта. Но особенно это касается тех сайтов, где тысячи, а может и того более страниц.

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

Что это такое?

Хлебные крошки (или «хлебные крошки») — это вторичная навигационная система, которая показывает местоположение пользователя на веб-сайте.

Термин произошел от сказки братьев Гримм — «Гензель и Гретель», в которой главные герои, чтобы найти обратную дорогу в свой дом, создают след из хлебных крошек.

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

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

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

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

Используйте навигацию «хлебная крошка» для больших веб-сайтов и веб-сайтов с иерархически организованными страницами. Отличным сценарием являются сайты электронной коммерции, в которых большое разнообразие продуктов сгруппировано в логические категории.

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

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

Как хлебные крошки влияют на удобство пользования — юзабилити?

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

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

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

Как хлебные крошки влияют на SEO

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

Микроразметка может быть использована для описания хлебных крошек. Это позволит поисковикам понять, что перед ними хлебные крошки. Таким образом, хлебные крошки имеют шансы появиться в поисковой выдаче, и такая выдача станет ещё более заметной для пользователя.

Как оптимизировать хлебные крошки для SEO

Вот несколько рекомендаций, которые вы можете применить, для оптимизации хлебных крошек для SEO:

  • Используйте крошки только тогда, когда они помогают пользователям; для SEO, это лишь дополнительное преимущество.
  • Используйте их в верхней части вашей веб-страницы.
  • Не делайте ссылку на текущую страницу.
  • Стилизуйте их, чтобы сделать их привлекательными, но не основным центром притяжения.
  • Ваши хлебные крошки — это ваша вторичная навигация. Они никогда не должны заменять основную навигацию.
  • Включите полный путь навигации в ваших хлебных крошках. Пропуск одного из уровней может запутать пользователей.

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

Если у вас сайт на CMS WordPress, то вы можете добавить хлебные крошки двумя путями:

С помощью темы оформления.

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

А вот как будут выглядеть готовые хлебные крошки.

С помощью плагина WordPress.

К сожалению, не все темы имеют встроенные крошки. И если вы всё-же решили, что они вам нужны, то тогда вам нужно будет установить их с помощью плагина.

Установка хлебных крошек с помощью Yoast

Yoast SEO — это мощный SEO плагин для WordPress. И хотя этот плагин известен больше именно как SEO плагин, но он также содержит и массу другого полезного функционала. В том числе, с его помощью можно добавить хлебные крошки на свой сайт.

Чтобы включить хлебные крошки в WordPress, зайдите в меню SEO, далее в Отображение в поисковой выдаче, далее наверху вы увидите вкладку «Хлебные крошки». Переставьте переключатель в положение Включено.

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

Плагин Breadcrumb NavXT

Breadcrumb NavXT — это обновленная версия старого плагина под названием Breadcrumb Navigation XT. Вы можете использовать Breadcrumb NavXT для создания крошек на основе местоположения по всему сайту. Он имеет более 800 000 активных установок и популярен среди пользователей WordPress.

После установки и активации плагина Breadcrumb NavXT перейдите в меню «Внешний вид» → «Виджеты».

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

Плагин Flexy Breadcrumb

Структуры Schema являются одним из наиболее важных аспектов SEO. Этот плагин WordPress для хлебных крошек интегрирован с Google Fonts, что позволяет без проблем вписаться в дизайн вашего веб-сайта.

После установки и активации плагина перейдите в область Flexy Breadcrumb на боковой панели панели управления WordPress:

General Settings предлагают ряд опций настройки. Выберите «Home Text» (анкор вашей главной страницы) и выберите иконку из каталога бесплатных иконок.

При желании вы можете изменить свой разделитель крошек. Просто введите «/», «→» или любой другой знак, который вы хотели бы видеть на хлебных крошках.

Вы можете использовать раздел «Typography», чтобы полностью настроить цвет ваших крошек. Сохраните свои изменения, и вы увидите, как они будут выглядеть на вашем сайте. Вы также можете вручную добавлять хлебные крошки в нужное вам место с помощью шорткода [flexy_breadcrumb].

Плагин Breadcrumb

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

Как только вы установите и активируете плагин, то на панели управления вашим сайтом WordPress, сразу появится соответствующий пункт.

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

Заключение.

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

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

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

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

Статьи по теме:

Breadcrumb NavXT — плагин для WordPress

Описание

Breadcrumb NavXT, преемник популярного плагина WordPress Breadcrumb Navigation XT, был написан с нуля, чтобы быть лучше своего предка. Этот плагин генерирует локационные навигационные цепочки для вашего блога или веб-сайта на WordPress. Эти хлебные крошки легко настраиваются в соответствии с потребностями практически любого веб-сайта, на котором работает WordPress. Административный интерфейс упрощает настройку параметров, в то время как прямой доступ к классу доступен разработчикам тем и более предприимчивым пользователям.

Требования PHP

Breadcrumb NavXT 5.2 и новее требует PHP5.3
Breadcrumb NavXT 5.1.1 и старше требует PHP5.2

Характеристики (неполные)
  • RDFa-формат Schema.org BreadcrumbList-совместимое создание хлебных крошек.
  • Обширное управление настройкой хлебных крошек на странице настроек с соответствующими значениями по умолчанию для большинства случаев использования.
  • Страница настроек сетевого администратора для управления настройками навигации для всех дочерних сайтов с настраиваемым глобальным приоритетом.
  • Встроенный виджет WordPress.
  • Расширяется через ООП и предоставляет действия и фильтры.
  • Совместимость с WPML (улучшенная совместимость с плагином расширений WPML).
  • Совместимость с Polylang (улучшенная совместимость с плагином расширений Polylang).
  • совместимость с bbPress (улучшенная совместимость с плагином расширений bbPress).
  • BuddyPress совместим (улучшенная совместимость с плагином расширений BuddyPress).
Переводы

Breadcrumb NavXT теперь поддерживает WordPress.org языковые пакеты. Хотите перевести Breadcrumb NavXT? Посетите проект перевода Breadcrumb NavXT на WordPress.org.

Блоки

Этот плагин предоставляет 1 блок.

Установка

Breadcrumb NavXT можно установить из административной панели WordPress. После установки и активации плагина для отображения цепочек навигации используйте включенный виджет или вызовите цепочку навигации в своей теме (или дочерней теме). См. Статью Calling the Breadcrumb Trail для получения дополнительной информации о том, как вызвать функцию breadcrumb Trail.

Чтобы настроить цепочку навигации, вы можете изменить значения по умолчанию для параметров в административном интерфейсе. Он находится в вашей административной панели в разделе «Настройки»> «Breadcrumb NavXT».

Пожалуйста, посетите страницу документации Breadcrumb NavXT для получения дополнительной информации.

Авторы и разработчики

«Breadcrumb NavXT» — программное обеспечение с открытым исходным кодом. Следующие люди внесли свой вклад в этот плагин.

авторов

История изменений

6.6.0

Дата выпуска: 31.10.2020

  • Изменение поведения: теперь для архива типа используется тип сообщения родительского сообщения, а не текущий элемент.
  • Исправление ошибки: исправлена ​​ошибка, возникающая, когда сайт не имеет роли администратора .
6.5.0

Дата выпуска: 12.06.2020

  • Изменение поведения: теперь используется таксономия термина, а не передается в таксономии в различных функциях.Как следствие, это позволяет bcn_pick_post_term отменять выбор таксономии.
  • Изменение поведения: шаблон по умолчанию для несвязанных хлебных крошек теперь включает разметку списка хлебных крошек.
  • Новая функция: добавлен новый фильтр bcn_breadcrumb_linked .
  • Новая функция: Добавлена ​​новая возможность WordPress: bnc_manage_options .
  • Исправление ошибки: исправлен экспортер параметров XML, так что он больше не создает искаженные файлы, которые нельзя импортировать, если параметры содержат специальные объекты HTML.
6.4.0

Дата выпуска: 31.12.2019

  • Изменение поведения: настройки типа сообщения вложения перемещены в раздел «Медиа», стали доступны дополнительные параметры типа сообщения.
  • Изменение поведения: опубликованные в частном порядке родительские сообщения теперь по умолчанию пропускаются в цепочках навигации.
  • Изменение поведения: в цепочках навигации по отдельным постам иерархический путь кода терминов теперь используется в тех случаях, когда для текущего поста присутствует только один термин из неиерархической таксономии.
  • Новая функция: разрешить тег % link% в несвязанных шаблонах хлебных крошек.
  • Новая функция: добавлен фильтр bcn_show_post_private .
  • Новая функция: добавлен фильтр bcn_show_type_term_archive .
6.3.0

Дата выпуска: 3 мая 2019 г.

  • Новая функция: добавлен блок Гутенберга для отображения цепочек навигации.
  • Новая функция: добавлен фильтр bcn_display_attribute_array .
  • Новая функция: добавлен тег шаблона bcn-aria-current для облегчения поддержки WAI-ARIA Breadcrumb.
  • Исправление ошибки: обновлена ​​страница настроек в соответствии с основными стандартами WP для структуры заголовков.
  • Исправление ошибки: обновлен флажок в adminKit, чтобы исключить несколько меток для соответствия WCAG 2.0.
  • Исправление ошибки: Исправлена ​​ошибка PHP в случаях, когда bcn_breadcrumb_trail :: fill () возвращалась к обработке неизвестного элемента как таксономии.
6.2.1

Дата выпуска: 26.10.2018

  • Изменение поведения: добавлен элемент span , обертывающий заголовок цепочки навигации в несвязанном шаблоне цепочки навигации по умолчанию.
  • Исправление ошибки: исправлена ​​проблема, которая вызвала предупреждения PHP и сообщения «следующие настройки не были сохранены» для иерархических CPT.
6.2.0

Дата выпуска: 24.09.2018

  • Изменение поведения: очищены переводы для шаблонов по умолчанию, упрощено и уточнено переводимое содержание.
  • Изменение поведения: стандартные несвязанные шаблоны хлебных крошек больше не содержат разметку Schema.org BreadcrumbList.
  • Изменение поведения: конечные точки Breadcrumb NavXT REST API больше не включены по умолчанию.
  • Новая функция: добавлен фильтр bcn_register_rest_endpoint .
  • Новая функция: добавлен фильтр bcn_breadcrumb_assembled_json_ld_array .
  • Новая функция: добавлена ​​поддержка для отслеживания сначала родительской иерархии постов, а затем возврата к вторичной иерархии.
  • Исправление ошибки: исправлена ​​проблема, из-за которой при загрузке страницы настроек сразу после переноса настроек возникали предупреждения PHP о настройках CPT и пользовательской таксономии.
  • Исправление ошибки: исправлена ​​проблема, из-за которой параметр сброса настроек в раскрывающемся списке справки не работал.
6.1.0

Дата выпуска: 01.06.2018

  • Изменение поведения: ссылки для создания запросов поддержки перенесены на форумы WordPress.org.
  • Новая функция: добавлена ​​поддержка Schema.org BreadcrumbList (формат микроданных) во включенном виджете.
  • Новая функция: Добавлена ​​поддержка новой корневой страницы для архивов авторов.
  • Новая функция: добавлена ​​конечная точка REST API для сообщений, терминов и архивов авторов.
  • Исправление ошибки: исправлена ​​метка для схемы.org BreadcrumbList (формат RDFa) во включенном виджете.
  • Исправление ошибки: исправлена ​​проблема, при которой выдавалось предупреждение PHP из-за того, что get_term () возвращал что-то, кроме экземпляра WP_Term .
6.0.4

Дата выпуска: 26 января 2018 г.

  • Изменение поведения: Добавлен автоматический перенос настроек иерархии типов записей в функции bcn_display * () .
  • Исправление ошибки: исправлена ​​проблема, из-за которой на странице для сообщений создавалось уведомление PHP, если для параметра отображения цепочки блога задано значение false.
  • Исправление ошибки: исправлена ​​ошибка, из-за которой PHP-уведомление создавалось на страницах архива, где вложения были включены в результаты wp_query .
6.0.3

Дата выпуска: 01.01.2018

  • Исправление ошибки: исправлена ​​ошибка, из-за которой при некоторых обстоятельствах в следе для страниц создавалась неправильная навигационная цепочка.
  • Исправление ошибки: исправлена ​​проблема, из-за которой корни публикации и страницы не обновлялись для отслеживания пользовательских изменений в меню «Настройки»> «Чтение».
6.0.2

Дата выпуска: 30 декабря 2017 г.

  • Изменение поведения: добавлено предупреждение о том, что bcn_breadcrumb :: type должен быть массивом.
  • Исправление ошибки: изменен разделитель хлебных крошек и шаблон страницы с поля ввода на текстовое поле, чтобы уменьшить путаницу, вызванную сущностями HTML.
  • Исправление ошибки: исправлена ​​ошибка, из-за которой родители страницы могли не отображаться в цепочке навигации.
  • Исправление ошибки: исправлена ​​проблема, из-за которой параметр $ reverse для bcn_display и bcn_display_list не работал должным образом.
  • Исправление ошибки: исправлена ​​проблема, из-за которой функция bcn_display_list не включала элементы li .
6.0.1

Дата выпуска: 28 декабря 2017 г.

  • Изменение поведения: со страницы настроек удалены неиспользуемые шаблон блога и шаблон блога (не связанный).
  • Исправление ошибки: исправлена ​​ошибка, из-за которой изменения типа иерархии для любого типа сообщения не сохранялись.
  • Исправление ошибки: исправлена ​​ошибка, из-за которой параметр отображения блога игнорировался.
6.0.0

Дата выпуска: 26 декабря 2017 г.

  • Изменение поведения: bcn_breadcrumb_trail :: display_list () устарело в пользу использования параметра $ template в bcn_breadcrumb_trail :: display () .
  • Изменение поведения: bcn_breadcrumb_trail :: do_attachment () устарело в пользу вызова bcn_breadcrumb_trail :: do_post () .
  • Изменение поведения: bcn_breadcrumb_trail :: do_front_page () устарело в пользу вызова bcn_breadcrumb_trail :: do_home () .
  • Изменение поведения: bcn_li_attributes фильтр устарел в пользу bcn_display_attributes .
  • Изменение поведения: bcn_breadcrumb_trail :: do_archive_by_date () устарел в пользу вызова bcn_breadcrumb_trail :: do_day () , bcn_breadcrumb_trail :: do_month () и / или bcnumbtrail
  • Изменение поведения: bcn_breadcrumb_trail :: find_type () устарела и удалена из bcn_breadcrumb_trail.
  • Изменение поведения: хлебная крошка для страниц с ошибкой 404 изменена на дочернюю по отношению к главной странице.
  • Новая функция: добавлена ​​поддержка различных HTML-тегов в поле предлога виджета.
  • Новая функция: добавлен фильтр bcn_default_hierarchy_display .
  • Новая функция: добавлен фильтр bcn_default_hierarchy_type .
  • Новая функция: добавлено $ posttype_name в качестве третьего параметра в bcn_show_tax_private .
  • Исправление ошибки: исправлена ​​проблема пользовательского интерфейса / пользовательского интерфейса на экране настроек, из-за которой включение / отключение групп настроек для настроек навигации «Домой», «Блог» и «Главный сайт» не работало.
  • Исправление ошибки: исправлена ​​проблема пользовательского интерфейса / пользовательского интерфейса на экране настроек, из-за которой отсутствие разбиения на страницы по-прежнему позволяло редактировать разбитый на страницу шаблон.
  • Исправление ошибки: удалено использование create_function при регистрации виджета, поскольку оно устарело в PHP 7.2.

Лучшие плагины для навигации (и их важность для SEO)

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

«Сайт — это не дом — люди не только входят через парадную дверь. Они приходят волей-неволей через крышу, канализацию, окна и стены. Такова природа Интернета, и вам будет легче добиться успеха, если вы создадите сайт, который соответствует этой реальности ».

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

Вот о чем мы говорим сегодня:

● Что такое панировочные сухари и почему они важны для SEO?
● 5 лучших плагинов для хлебных крошек WordPress
● Как реализовать хлебные крошки в WordPress

Что такое панировочные сухари? Почему они важны для SEO?

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

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

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

Домашняя страница> Департаменты> Электроника> Фильмы и игры

Технически существует 3 типа панировочных сухарей, но чаще всего используется вариант, основанный на местоположении. В противном случае вы можете рискнуть создать дублированный контент, не осознавая этого.Это три типа:

● На основе местоположения — сообщает пользователю, где находится текущая страница по отношению к общей структуре веб-сайта.
● На основе пути — это более динамические хлебные крошки, которые показывают уникальный путь, пройденный пользователем к странице.
● На основе атрибутов — этот последний тип показывает атрибуты страницы, такие как тип, категория, продукт, бренд и т. Д. Они более подробны, чем другие панировочные сухари, и, как следствие, сложнее.

Итак, почему это важно для SEO? Что ж, Google не только заменил URL-адрес в результатах поиска на имя сайта и путь крошки для мобильных пользователей, но и эта функция также улучшает общий пользовательский опыт для вашего сайта, что является повышенным вниманием в SEO.

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

5 лучших плагинов для WordPress

Хотя можно сделать свои панировочные сухари, как говорится, «ни у кого нет на это времени!» Сегодня я собираюсь показать вам пять плагинов для WordPress, которые вы можете использовать, чтобы без проблем реализовать эту функцию.

1. Yoast SEO

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

2. Тропа хлебных крошек

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

В целом, плагин Breadcrumb Trail имеет отличную репутацию среди отзывов пользователей, а также предлагает разработчикам плагинов / тем ловушки для дальнейшей настройки трейлов с помощью методов объектно-ориентированного программирования, которые уже закодированы в плагине.

3. RDFa Breadcrumb

Этот уникальный подключаемый модуль функционирует, возвращая каждую страницу, которую посетил пользователь, в иерархической структуре.По сути, он создает настраиваемые цепочки навигации для каждого пользователя. Плагин RDFa Breadcrumb также предоставляет вам новый тег шаблона rdfa_breadcrumb (), который вы можете разместить в любом месте файлов шаблона.

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

4. Хлебная крошка NavXT

Этот плагин является преемником чрезвычайно популярной Breadcrumb Navigation XT. Breadcrumb NavXT имеет возможность создавать навигационные цепочки местоположения на основе уникального пути пользователя.Плагин также чрезвычайно настраиваемый для тех, кто хочет настроить параметры в соответствии со своим сайтом.

Некоторые из этих настроек включают действия и фильтры ООП, совместимость с WPML и совместимость с bbPress. Значения по умолчанию подойдут в большинстве случаев и для тех, кому нужна функция Plug and Play.

Реализация хлебных крошек в WordPress

Итак, вот интересный факт:

У Google есть команда хлебных крошек.

Не верьте мне, посмотрите это видео, в котором Мэтт Каттс объясняет хлебные крошки в результатах поиска и послушайте тот момент, когда он упоминает команду хлебных крошек.Как и все в WordPress, вы можете реализовать свои хлебные крошки вручную или с помощью плагина.

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

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

Последние мысли

«Хлебные крошки» не улучшат и не сломают вашу SEO-оптимизацию, но они будут творить чудеса для удобства пользователей на вашем сайте. Эти плагины навигации — простой способ реализовать простую, но эффективную функцию в дизайне вашего сайта.

Вы пробовали что-нибудь из этого? Какой у вас опыт работы с панировочными сухарями? Поделитесь своими мыслями в комментариях!

6 лучших плагинов Breadcrumb для WordPress 2020

Планируете ли вы добавить Breadcrumb на свой сайт и ищете лучшие плагины Breadcrumb для WordPress? Хлебные крошки — это путь, по которому можно добраться до конкретной публикации или Продукта.С его помощью Product или post path может быть легко понят обычным пользователем или Search Engine , чтобы понять структуру и релевантность сообщения.

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

«Панировочные сухари» в поисковой системе Google сообщает пользователю о категориях, атрибутах, и пути к сообщениям / продуктам. Эта функция также скрывает ваш уродливый длинный URL с помощью Заменяет его красивым структурным путем для этого сообщения или продукта. В частности, в случае веб-сайта электронной коммерции. Он показывает пользователю в поиске Google, что он сам приводит к тому, что эти продукты подпадают под определенные категории.

По почте

Панировочные сухари в поисковой выдаче Google

Вас также могут заинтересовать подключаемые модули Rich Snippet, рейтинговые подключаемые модули и подключаемые модули Fomo

.

Примечание — Сейчас почти все плагины SEO имеют эту функцию.Давайте возьмем пример плагинов yoast SEO, ЕСЛИ вы посмотрите на внешний вид поиска на вкладке плагинов yoast. Вы найдете настройки Breadcrumbs. Просто включите эту опцию, и все готово.

Итак, давайте составим список лучших плагинов WordPress Breadcrumb для добавления Breadcrumb на ваш сайт, чтобы вы могли улучшить рейтинг SEO:

1. Панировочные сухари NavXT

Плагин, способный генерировать локализованный след из хлебных крошек, является импровизированной версией Breadcrumb Navigation XT.Следы навигации, создаваемые Breadcrumb NavXT, берутся из онлайн-блогов и веб-сайтов и могут быть настроены в соответствии с потребностями пользователя.

Breadcrumb NavXT полностью совместим с bbPress, BuddyPress, WPML и Polylang. Настройки и навигационные функции могут быть легко изменены администратором через административный интерфейс. Разработчики темы получили прямой доступ для настройки.

Плагин также поддерживает

языковых пакетов WordPress.org.

Стоимость — Бесплатно

Общее количество пользователей — 800000+

Панировочные сухари NavXT

2. Панировочные сухари

Плагин использует короткие коды для отображения навигации Breadcrumb, а также для любой части вашего веб-сайта. Лучшая часть плагина заключается в том, что он позволяет вам подробно просматривать историю навигации — страницы, по которым вы щелкнули, чтобы перейти в текущее местоположение.

Плагин доступен в двух версиях, а именно. Live Demo и Buy Premium.

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

Стоимость — Бесплатно

Общее количество пользователей — 10,000+

Хлебная крошка

3. Панировочные сухари

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

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

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

Стоимость — Бесплатно

Общее количество пользователей — 7000+

Панировочные сухари Flexy

4.Тропа хлебных крошек

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

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

Стоимость — Бесплатно

Общее количество пользователей — 30,000+

Тропа из хлебных крошек

5. Панировочные сухари WooCommerce
Плагин

WooCommerce Breadcrumbs обладает возможностями настройки HTML, благодаря которым вы получаете лучшую навигацию по хлебным крошкам. Общий эффект — организованный веб-сайт под вашим контролем.

Плагин можно включить или отключить очень легко и полностью.

Чтобы иметь дополнительные параметры, вы можете включить тему WooThemes в настройках на веб-сайте, которая уступит место хлебным крошкам WooFramework вместо хлебных крошек WooCommerce.

Стоимость — Бесплатно

Общее количество пользователей — 8000+

Панировочные сухари WooCommerce

6. Панировочные сухари

Catch Breadcrumb — еще один плагин Breadcrumb с отличными функциями настройки. Вы можете изменить каждый элемент, чтобы он соответствовал стилю вашего бренда, и это тоже с минимальными усилиями.

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

Вы также можете добавить сложные навигационные цепочки с помощью Catch Breadcrumb, чтобы ваш сайт выглядел более впечатляюще.

Стоимость — Бесплатно

Общее количество пользователей — 100+

Панировочная крошка Catch Breadcrumb
Автор: Рахул
https://gomahamaya.com

Здравствуйте! Я Рахул.Мне нравится делать оптимизированный и безопасный веб-сайт. В основном я работаю на YouTube, чтобы создавать видео для нетехнических специалистов. ребята

Лучшие бесплатные плагины для WordPress Breadcrumb 2021

Чтобы повысить доступность веб-сайта для пользователей, созданы подключаемых модулей WordPress Breadcrumb .

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

Пример созданных панировочных сухарей, которые помогают в SEO

Домой> Категории> Свяжитесь с нами

3 типа хлебных крошек:
— на основе местоположения
— на основе пути
— на основе атрибутов

Лучшие плагины для WordPress Breadcrumb приведены ниже

1. Панировочные сухари NavXT:

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

Плагин

Breadcrumb создан на виджете WordPress. Это особенно подходит для WordPress 4.0. Этот плагин совместим с WPML, Polylang, bbPress и BuddyPress. Плагин Breadcrumb NavXT доступен бесплатно и с дополнительной платной опцией.

2. Панировочные сухари:

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

Breadcrumb очень легко настроить, так как вы можете легко изменить цвет, Padding Margin, фильтр, размер шрифта, текст, ограничить текст ссылки на слово и т. Д. Этот плагин также поддерживает многоязычную функциональность, поэтому Breadcrumb готов к переводу, и вы можете предоставить свой собственный перевод.

3. Гибкая хлебная крошка:

Flexy Breadcrumb — это программное обеспечение с открытым исходным кодом, которое очень гибкое и простое в навигации, поэтому этот плагин оптимизирован для SEO, что помогает поисковой системе быстрее ранжировать веб-сайт.

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

4. Панировочные сухари простые:

Плагин

Breadcrumb очень прост и удобен в использовании, его можно легко установить. Если вы хотите просмотреть хлебные крошки, вам просто нужно скопировать и вставить шорткод, т.е.[breadcrumb_simple]

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

5. Панировочные сухари WooCommerce:

Навигационная цепочка WooCommerce специально используется для повышения удобства использования веб-сайта WooCommerce. Этот плагин также очень прост в использовании, что позволяет вам изменять порядок навигации WooCommerce.Вы также можете изменить список, чтобы он отображался в несортированном списке. Это лучший плагин для WordPress Breadcrumb .

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

6. Панировочные сухари:

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

Catch Breadcrumb совместим с короткими кодами, селектором хлебных крошек, разделителем. Следовательно, эти плагины очень легкие по своей природе.

7. Горячие панировочные сухари:

Плагин

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

С помощью этой темы пользователь сможет перемещаться по сайту от начала до конца, а также может вернуться назад, используя цепочку. Это действительно помогает движку быстро сканировать веб-сайт. Он очень эффективно работает с контентом веб-сайта WordPress, который включает записи, страницы, категории, теги и страницы авторов.

8. Панировочные сухари для SEO:

Плагин

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

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

Этот плагин можно использовать для любого типа веб-сайта WordPress. Мобильное сенсорное устройство и Google; поддерживаются функции расширенного описания веб-страниц. Также доступны различные шорткоды, которые можно использовать с любым из них.

9. Разметка для панировочных сухарей схемы | Дополнение WPSSO:

Для повышения эффективности SEO для топ-рейтинга Schema Breadcrumbs Markup используется.Нет доступных шаблонов для настройки. Вам просто нужно активировать или деактивировать плагин для разметки schema breadcrumbList.

Вы можете добавить разметку схемы хлебных крошек к сообщениям, страницам и пользовательским сообщениям. WPSSO Schema Breadcrumbs Markup — это дополнение основного подключаемого модуля WPSSO. Этот плагин также является программным обеспечением с открытым исходным кодом, поэтому доступен бесплатно.

О сообщениях Shri

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

Посмотреть все сообщения Shri Posts

Как добавить панировочные сухари на сайт WordPress с помощью Astra?

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

Как включить хлебные крошки?

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

В этой статье мы увидим —

Настройки хлебных крошек в Astra

Ниже приведены доступные настройки для Breadcrumb

.
  1. Позиция: Этот параметр позволяет выбрать место для отображения хлебных крошек. Выберите, где вы хотите их отображать. Текущий, вы можете выбрать отображение внутри заголовка, после заголовка или перед заголовком.
  2. Разделитель: Вы можете установить пользовательские разделители между ссылками навигации.
  3. Отключить хлебные крошки на определенных страницах / сообщении: Вы увидите список страниц и сообщений, на которых вы можете отключить хлебные крошки. К ним относятся категории, страницы архива, страницы 404 и т. Д. (Вы можете отключить хлебные крошки на отдельных страницах и сообщениях с помощью мета-настроек публикации)
  4. Выравнивание: Вы можете выбрать выравнивание для отображения своей навигационной крошки
  5. Интервал : Настроить расстояние со всех сторон
Параметры цвета и типографики для Breadcrumb

По умолчанию хлебные крошки наследуют цвет и типографику от темы.Но если вы хотите выделить их разными цветами и шрифтами, у вас есть специальные варианты для панировочных сухарей. В настройщике перейдите к — Настроить> Хлебные крошки> Типографика

Показывайте панировочные сухари где угодно!

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

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

Вставьте этот шорткод в любое место в любом настраиваемом макете, тексте или блоке HTML на своем веб-сайте и увидите, как там появляются хлебные крошки — [astra_breadcrumb]

Поддержка сторонних плагинов

Наряду со встроенной функцией хлебных крошек, Astra также поддерживает хлебные крошки из следующих внешних плагинов —

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

Как панировочные сухари из этих плагинов можно использовать с Astra?

1. С плагином Yoast SEO:

  • Установите и активируйте плагин Yoast SEO
  • Активируйте плагин Breadcrumb для Yoast SEO из панели управления WordPress > SEO> Внешний вид поиска> Панировочные сухари> Включить панировочные сухари
  • Вы увидите опцию в Настройщике> Макет> Breadcrumb Источник. Выберите Yoast SEO Breadcrumb.
  • Теперь разметка Yoast SEO Breadcrumb должна начать появляться на страницах вместо стандартной Astra Breadcrumb.
  • Все параметры цвета и типографики из настройщика переопределят стиль Yoast SEO Breadcrumb.
  • Все варианты отключения хлебных крошек в определенных местах также будут работать с плагином Yoast SEO.

Скриншот Yoast Backend —

Вариант Yoast в настройщике —

2.С подключаемым модулем Breadcrumb NavXT

  • Установите и активируйте подключаемый модуль Breadcrumb NavXT
  • Вы увидите опцию в настройках > Breadcrumb> Breadcrumb Source . Выберите Breadcrumb NavXT.
  • Теперь разметка Breadcrumb NavXT начнет появляться на страницах вместо стандартной Astra Breadcrumb.
  • Все параметры цвета и типографики из настройщика переопределят стиль Breadcrumb NavXT.
  • Все параметры отключения хлебных крошек в определенных местах также будут работать с плагином Breadcrumb NavXT.

3. С плагином Rank Math

  • Установите и активируйте подключаемый модуль Rank Math
  • Настройте панировочные сухари с помощью панели инструментов > Rank Math> Общие настройки> панировочные сухари
  • Вы увидите опцию в настройщике > Breadcrumb> Breadcrumb Source . Выберите Rank Math.
  • Теперь разметка Rank Math начнет появляться на страницах вместо стандартной Astra Breadcrumb.
  • Все параметры цвета и типографики из настройщика переопределят стиль Rank Math.
  • Все параметры отключения навигации в определенных местах также будут работать с подключаемым модулем Rank Math.

Лучшие 14 плагинов WordPress для хлебных крошек

«Хлебные крошки» — это инструменты навигации, разработанные для удобной навигации по страницам веб-сайта, которые вы уже посетили. Страницы, посещенные прямо с домашней страницы на текущую, сохраняются и связаны для облегчения обратной навигации.

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

Панировочные сухари для интеллектуальной навигации

Просмотр подключаемого модуля

Этот простой и легкий в использовании плагин Smart Navigation Breadcrumbs добавит бесшовную навигацию на ваш сайт. Плагин предлагает поддержку различных пользовательских типов сообщений и различных вложенных медиафайлов. Помимо создания хлебных крошек для разных страниц WordPress, тема даже предлагает поддержку форумов плагинов bbPress.

Панировочные сухари Wpshore

Просмотр плагина

Плагин

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

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

Панировочные сухари с йогуртом

Просмотр подключаемого модуля

Добавить Yoast Breadcrumbs очень просто, и все, что вам нужно сделать, это включить плагин и установить флажок «Попытаться добавить автоматически», если вы используете фреймворк, поддерживаемый WordPress. Если нет, вы все равно можете добавить этот плагин, просто добавив строку кода в свой шаблон.

Панировочные сухари NavXT

Просмотр подключаемого модуля

Breadcrumb NavXT — это плагин WordPress, который добавит функции хлебных крошек в ваш шаблон.Навигация сделана стильно, а для ваших блогов или веб-сайта автоматически создаются навигационные цепочки.

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

Панировочные сухари везде

Просмотр подключаемого модуля

Вы можете легко добавить хлебные крошки в навигацию WordPress на наших веб-сайтах. Breadcrumbs Everywhere — это плагин хлебных крошек для WordPress, который можно добавить так же просто, как добавить строку кода в свой шаблон.

Он добавит навигацию по цепочке к вашему шаблону, и этот плагин также имеет доступную функцию администратора.

Amr Breadcrumb Navigation

Просмотр подключаемого модуля

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

Добавление Amr Breadcrumb Навигация в ваш шаблон проста и не даст посетителям вашего сайта заблудиться. Она также поставляется с разделителями и параметрами для настройки.

RDFa Хлебная крошка

Просмотр подключаемого модуля

Создавать цепочки панировочных сухарей для ваших блогов и веб-сайтов теперь очень просто. RDFa Breadcrumb — это плагин для хлебных крошек WordPress, который поможет вам сделать то же самое. Он поставляется с разметкой содержимого RDFa, которая помогает Google идентифицировать и отображать хлебные крошки даже в результатах поиска.

Тропа из хлебных крошек

Просмотр подключаемого модуля

Breadcrumb Trail — это плагин WordPress, который был разработан, чтобы помочь вам легко размещать навигационные следы хлебных крошек в ваших блогах или на веб-сайтах.Он очень прост в использовании, и вы можете разместить хлебные крошки в любом месте вашего веб-сайта.

Действительно простые панировочные сухари

Как следует из названия, Really Simple Breadcrumb — это простой и легкий в использовании плагин для создания хлебных крошек для шаблонов WordPress. Вам просто нужно поместить его в правильную папку и активировать, чтобы добавить на свой веб-сайт или в блоги навигацию по следу «хлебных крошек».

Есть также варианты настройки для изменения стилей класса.

Панировочные сухари Genesis Simple

Просмотр подключаемого модуля

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

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

BP Сухари панировочные

Просмотр подключаемого модуля

Хотите добавить на свой веб-сайт или в блог навигацию по следу из панировочных сухарей? BP Breadcrumbs поможет вам сделать то же самое.

BP Breadcrumbs — это очень простой в установке и использовании плагин для хлебных крошек WordPress, который добавит навигацию по хлебным крошкам, меню на ваш веб-сайт, помогая вашим читателям легко перемещаться по нему, не теряясь в каком-либо разделе.

Вот еще несколько панировочных сухарей, которые вы можете проверить

Панировочные сухари плюс

Просмотр подключаемого модуля

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

Просмотр подключаемого модуля

Панировочные сухари WP Nav Menu

Просмотр подключаемого модуля

5 Плагины WordPress для хлебных крошек (бесплатные и платные)

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



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

Давайте посмотрим на некоторые преимущества использования хлебных крошек на вашем сайте:

  • Это улучшает пользовательский опыт, обеспечивая лучший результат навигации и максимально уменьшая трение.
  • Breadcrumbs может снизить показатель отказов, потому что с его помощью вы сможете предложить аудитории альтернативные средства просмотра вашего сайта.
  • «Хлебные крошки» дают Google еще один способ понять структуру вашего веб-сайта.

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

Еще несколько историй:

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


1. Умные хлебные крошки: плагин для навигации для WordPress

Smart breadcrumbs — лучшая платформа для улучшения модели навигации вашего сайта. Плагин прост в использовании, и даже неопытный парень может с ним справиться. Это дает вашему читателю более легкий контроль или четкую навигацию по тому, как они перемещаются по вашему веб-сайту.

Smart Breadcrumbs порадует вас своими более высокими рейтингами 4/5 и активными загрузками, превышающими 70 000 в настоящее время.



Цена:

Smart Breadcrumbs является доступным по цене и будет стоить вам 11 долларов за полный набор функций.

Особенности подключаемого модуля Smart Breadcrumbs:
  • Плагин предоставляет вам различные шрифты и домашние значки, их цвета, размер и модели.
  • Вы можете установить на свой сайт различную привлекательную типографику.
  • Он предоставляет вам полностью настраиваемую опцию панировочных сухарей.
  • Простой и удобный плагин WordPress.

Подробности здесь


2. Плагин Smart Navigation Breadcrumbs:

Smart Navigation Breadcrumbs — это мощный плагин WordPress, который позволит вам добавить пробную навигацию на ваш сайт или в блоги.Плагин поддерживает все полезные функции, такие как настраиваемые типы сообщений, архивы, страницу сообщения об ошибке 404 и т. Д.

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



Цена:

Эта интеллектуальная навигационная цепочка может стать вашим следующим любимым средством навигации, поддержка которого составляет 6 месяцев по доступной цене в 20 долларов.

Особенности подключаемого модуля интеллектуальной навигации:
  • Он поддерживает различные полезные плагины, такие как bbPress для дискуссионного форума, BuddyPress для создания социальной сети на вашем веб-сайте и WooCommerce для превращения вашего сайта в платформу электронной коммерции.
  • Плагин поддерживает умный адаптивный инструмент jQuery или CSS, чтобы сделать ваш сайт проще и стильнее.
  • Предоставляет возможность снова и снова сбрасывать настройки плагина для стилизации.
  • Плагин также предоставляет различные привлекательные эффекты анимации.

Подробности здесь


3. Панировочные сухари меню WP Nav:

WP Nav Menu Breadcrumbs — это простой и легкий в использовании плагин хлебных крошек для шаблонов WordPress. Вам просто нужно загрузить его, поместить на правильную страницу своего веб-сайта и активировать пробную навигацию с помощью хлебных крошек.

С помощью этого плагина вы можете создавать хлебные крошки с помощью WP Nav Menu.



Цена:

Вы можете купить его мощные услуги за 15 долларов только с 6-месячной поддержкой и до 60 долларов за 12-месячную поддержку.

Особенности плагина WP Nav Menu Breadcrumbs:
  • Включает расширенные фрагменты, которые предоставляют поисковой системе исчерпывающую информацию о вашем содержании.
  • Плагин многоязычный, поэтому вам не придется сталкиваться с языковыми проблемами.

Подробности здесь


4. Breadcrumb Trail: модуль навигации

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

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



Цена:

Это бесплатный плагин для навигации по WordPress с множеством расширенных фрагментов кода и множеством функций.

Особенности плагина Breadcrumb Trail:
  • Плагин написан с использованием методов объектно-ориентированного программирования, которые позволяют повторно использовать продукт для других страниц с высокой степенью специфичности.
  • Breadcrumb Trail автоматически определяет структуру постоянных ссылок на вашем веб-сайте.
  • Он правильно обрабатывает любые пользовательские сообщения или страницы вашего веб-сайта.

Подробности здесь


5. Навигационная крошка NavXT: виджет навигации

Breadcrumbs NavXT — это плагин WordPress, который добавит удобные функции навигации в шаблоны вашего веб-сайта. Чтобы ваша аудитория могла легко перемещаться по страницам ваших сайтов.

Плагин позволяет вам настроить плагин в соответствии с вашими потребностями и требованиями в зависимости от содержания вашего веб-сайта.



Цена:

Вы можете бесплатно загрузить этот плагин только из wordpress.орг.

Особенности подключаемого модуля Breadcrumb NavXT:
  • Плагин совместим как с bbPress, так и с BuddyPress для повышения совместимости вашего веб-сайта.
  • Он поддерживает плагин расширения polylang, чтобы сделать ваш веб-сайт дружественным к языку.
  • Этот плагин обеспечивает навигационную цепочку для вашего блога или веб-сайта.

Подробности здесь


Заключительное слово:

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

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

.

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

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