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

Как убрать хлебные крошки с главной страницы (Yoast SEO)

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

Отслеживать
задан 5 ноя 2021 в 0:21
1 3 3 бронзовых знака

1 ответ 1

Сортировка: Сброс на вариант по умолчанию

Можно использовать данный фильтр, например, в файле functions.php используемой темы:

function custom_wpseo_breadcrumb_output( $output ) < if ( is_home() || is_front_page() ) return false; return $output; >add_filter( 'wpseo_breadcrumb_output', 'custom_wpseo_breadcrumb_output' ); 

Отслеживать
ответ дан 5 ноя 2021 в 15:17
780 4 4 серебряных знака 8 8 бронзовых знаков

Спасибо большое, ЭТО ПОМОГЛО! Но, есть минус, на главной странице теперь div с крошкой, который был когда там, просто скрыт и в html он есть и из-за этого боюсь верстка полетит, если начну паддинги и прочее двигать, дабы контент натянуть на место где крошки были, но вот вопрос! Можно как-то убрать из html на главной крошку эту?

6 ноя 2021 в 10:35
Значит при выводе хлебных крошек вы их дополнительно обернули в данный контейнер.
8 ноя 2021 в 11:57
Слегка не понял, что мне нужно сделать
8 ноя 2021 в 22:46

@iFlyZed если не поняли, что вам выше ответили, то скорее все вам проще будет для этого элемента добавить display:none; а лучше найти в коле этот элемент и выполнить проверку является ли эта страница главной или нет

Как удалить элемент хлебных крошек в WordPress+Woocommerce+Astra?

В интернет магазине на WP+Woocommerce+Astra theme, на странице товаров, генерируются хлебные крошки, указывающие путь от главной страницы до текущей страницы категории или товара.

Как вырезать из этого пути ссылку на главную страницу и сделать так, чтобы крошки начинались со страницы каталога товаров(со второго пункта)?

• Вопрос задан более двух лет назад
• 1276 просмотров

1 комментарий

Простой 1 комментарий

Антон Литвиненко @AntonLitvinenko
как вариант скрыть стилями
Решения вопроса 1

Шаблон, отвечающий за массив ХК находится в папке с плагином: «\wp-content\plugins\woocommerce\templates\global\breadcrumb.php»

В соотв. с документацией, его можно скопировать в папку с темой:
\НашаТема\woocommerce\global\breadcrumb.php

А дальше, редактировать по своему усмотрению, он довольно простой. В примере ниже «вырезаем» ссылку на product-category

if ( ! empty( $breadcrumb ) ) < echo $wrap_before; foreach ( $breadcrumb as $key =>$crumb ) < echo $before; if ( ! empty( $crumb[1] ) && sizeof( $breadcrumb ) !== $key + 1 ) < echo '' . esc_html( $crumb[0] ) . ''; > else < echo esc_html( $crumb[0] ); >echo $after; if ( sizeof( $breadcrumb ) !== $key + 1 ) < echo $delimiter; >> echo $wrap_after; >

Ответ написан более двух лет назад
zx5zx6 @zx5zx6 Автор вопроса

Спасибо за ответ.
К сожалению данный метод не вырезает самый первый пункт «Главная», который я хотел убрать.
product-category/ — отвечает за второй пункт, а «Главная» — это и есть домен типа www.example.com.

есть другая переопределяемая функция — woocommerce_breadcrumb(). Ее можно добавить в свой functions.php

/** * Output the WooCommerce Breadcrumb. * * @param array $args Arguments. */ function woocommerce_breadcrumb( $args = array() ) < $args = wp_parse_args( $args, apply_filters( 'woocommerce_breadcrumb_defaults', array( 'delimiter' =>' / ', 'wrap_before' => '', 'before' => '', 'after' => '', 'home' => _x( 'Home', 'breadcrumb', 'woocommerce' ), ) ) ); $breadcrumbs = new WC_Breadcrumb(); if ( ! empty( $args['home'] ) ) < $breadcrumbs->add_crumb( $args['home'], apply_filters( 'woocommerce_breadcrumb_home_url', home_url() ) ); > $args['breadcrumb'] = $breadcrumbs->generate(); /** * WooCommerce Breadcrumb hook * * @hooked WC_Structured_Data::generate_breadcrumblist_data() - 10 */ do_action( 'woocommerce_breadcrumb', $breadcrumbs, $args ); wc_get_template( 'global/breadcrumb.php', $args ); >

только убрать в ней часть кода, отвечающую за вывод Главной.

if ( ! empty( $args['home'] ) ) < $breadcrumbs->add_crumb( $args['home'], apply_filters( 'woocommerce_breadcrumb_home_url', home_url() ) ); >

Ответы на вопрос 1

Добрый день! А как убрать пункт Интернет магазин ( Shop) ?
У меня генерация ссылок настроена так:
site.ru/название категории/
страница Интернет магазин — не используется, все ссылки идут сразу на категория/подкатегория.
Хотелось бы что бы и хлебные крошки отображались идентично пути ссылок.
Вопрос: как убрать из хлебных крошек Интернет магазин (ссылка Shop)?

Ответ написан более года назад
Комментировать
Нравится Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

• WordPress
• +1 ещё

Не прогружаются картинки в отзывах WooCommerce?

• 1 подписчик
• час назад
• 8 просмотров

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

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

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

Что такое и почему называются – хлебные крошки

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

Что даст добавление breadcrumbs

Есть несколько причин зачем их добавлять:

• Дополнительная перелинковка
• Удобство использования – при большом количестве рубрик в вордпресс, можно запутаться где был ранее, а такое дополнение покажет место
• Поведенческие факторы, конечно не намного, но добиться большей открываемости можно
• Улучшение снипета в поисковой выдаче (необходима разметка shema)

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

Как сделать в YoastSEO

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

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

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

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

Добавим его в шаблон записей, по умолчанию это документ single.php. Хочу добавить сразу после заголовка h1, вот здесь.

Побродив по single.php тега h1 я не нашел. Пришлось рыть глубже, нашел в папке templates-parts и в ней content-single, определил тег h1 и вставил php, представленный выше.

1. Открываем Редактор тем
2. Находим документ WordPress для вставки
3. Определяем место где нужен расположить
4. Вставляем строчки
5. Нажимаем Обновить

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

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

Не забываем обновить, смотрим что получилось.

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

Настроить плагином Breadcrumb

Открытием стал плагин Breadcrumb, простой и постоянно обновляющийся. Устанавливается стандартно из панели в поиске, в выдаче выглядит так.

После установки в панели появится одноименный пункт, заходим в него и заполняем поля.

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

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

Создаем хлебные крошки без плагина

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

Отмечу что функция авторская от нашего руководителя Сергея Алейникова.

function wpcourses_breadcrumb( $sep = ' > ' ) < global $post; $out = ''; $out .= '
'; $out .= 'Главная'; $out .= '' . $sep . ''; if ( is_single() ) < $terms = get_the_terms( $post, 'category' ); if ( is_array( $terms ) && $terms !== array() ) < $out .= '' . $terms[0]->name . ''; $out .= '' . $sep . ''; > > if ( is_singular() ) < $out .= '' . get_the_title() . ''; > if ( is_search() ) < $out .= get_search_query(); >$out .= '
'; return $out; >

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

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

• К с классом wpcourses-breadcrumbs, можно задать стили
• Wpcourses-breadcrumbs-sep — класс у разделителя
• Wpcourses-breadcrumbs-last — класс у последнего пункта

Настраиваем по своему вкусу, если есть знания в CSS. Для примера дам свой вариант.

.wpcourses-breadcrumbs .wpcourses-breadcrumbs a .wpcourses-breadcrumbs-sep .wpcourses-breadcrumbs-last

Вставляем в style.css, объясню что означает:

1. Задал стили для всего блока хлебных крошек, задний фон, внутренний отступ и нижний, чтобы не прилипал к области контента
2. Ссылки сделал черного цвета
3. Цвет разделителя определил синим
4. У последнего пункта добавил подчеркивание.

Так выглядят крошки визуально на страницах ресурса.

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

1. Нажимаем Start visual hooks
2. Выбираем область куда вставлять хлебные крошки, выберу перед заголовком
3. Вставляем название, так он будет выглядеть

add_action( 'woocommerce_before_single_product_summary', 'woocommerce_breadcrumb', 5, 0 );

Записываем его в function.php в самый низ и сохраняем.

При успешном завершении операции WordPress покажет путь до товара, у меня вышло так. Прописываем CSS, как определить class написано ниже, оформляем под дизайн магазина.

Метод универсальный, потому что используем встроенные возможности в WooCommerce, на его же страницах. В дополнение приложу свое видео.

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

• В активной теме есть запрет на вывод
• Спор с другими дополнениями, например, с Yoast
• Активный шаблон не предназначен для установки BBPress

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

Как убрать хлебные крошки

Чтобы убрать хлебные крошки с WP достаточно понять откуда они загружаются. Что делаем в первую очередь:

1. Отключить по одному какие–либо дополнения SEO оптимизации, потому что в большинстве случаем они подгружают такой функционал
2. Отключить модули, если не добавляли, то они могут остаться от предыдущих вебмастеров или вшиты в сборку
3. Если не помогло, то ищем в файлах темы, для этого узнаем какой div с классом отвечает за вывод.

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

Откроется окно и в нем смотрим какой div оборачивает весь блок с ссылками.

Похожее ищем в теме, где именно не могу сказать, но советую в single, page, index – это самые распространенные места.

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

Но если ничего не помогает и удалить не удается, то остается один способ, это скрыть визуально, но в коде они останутся. Выше мы определили, что класс крошек называется breadcrumb-container. Соответственно в style.css активной темы вписываем:

.breadcrumb-container

Переходим в запись и обязательно обновляем с помощью кнопок ctrl+F5 , видим что надпись пропала.

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

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

Пожалуйста, оцените материал:

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

Получай полезные материалы удобным способом!
Комментарии:
Авторское решение интересное, но там не работает вывод главных рубрик, если в них есть подрубрика.
Валентин Лифанов :
Да к сожалению не предусмотрена такая вещь, переделаем код. Спасибо за сообщение )
Спасибо большое, очень полезно оказалось))
Михаил :

Добрый день!
Все просто и доступно, сделал за 1 минуту работает.
Выражаю благодарность сайту wpcourses.ru за качественный контент .

Владислав :

Здравствуйте Выражаю Вам огромную благодарность. Ваша статья помогла внедрить мне хлебные крошки от плагина YoastSEO на сайт моего двоюродного брата boys365 (.ru) по отношениям. Да я не знал, что так можно сделать. Хлебные крошки на сайте были от шаблона, но также был конфликт с микро разметкой от Яндекса и Гугла. Микро разметку я добавлял вручную и не смог внедрить часть микро разметки от Гугла. И Гугл очень сильно ругался и убирал статьи из индекса. Теперь же ситуация уже начала выправляться.
—
Также в дополнение к данной статье к вашему блоку: https://wpcourses.ru/install-delete-breadcrumb/#kak-sdelat-v-yoastseo Я рекомендую взглянуть еще на эту статью из другого сайта: https://wpplus.ru/dublicate-title-breadcrumbs-yoatsseo/ В которой рассказывается как удалить повторяющийся заголовок в хлебных крошках в плагине YoastSEO. Данный заголовок нужно удалять, чтобы не было повторений, поисковые системы этого не любят, да и наличие заголовка статьи в хлебных крошках путает читателя сайта. Я в поисках этого решения обыскал пол интернета. В официальном справочном руководстве этого решения нет. Но теперь все есть.

Добавить комментарий Отменить ответ
Вам также может понравиться

Как сделать блок с преимуществами для сайта на WordPress: все способы и примеры оформления

Чтобы контент работал, он должен быть хорошо оформлен. Это актуально для любых типов ресурсов, а особенно

Где скачать Clearfy Pro nulled от WPShop: какие могут возникнуть проблемы

Вебмастер, который хочет улучшить работу сайта на WordPress, непременно найдет совет установить Clearfy PRO.

Лучшие шаблоны WordPress с демо-данными: 21 тема с готовым контентом

Прежде чем принять решение о выборе той или иной темы WordPress (WP, ВордПресс), хочется посмотреть на

ABC Pagination nulled: можно ли скачать бесплатно рабочий вариант

Премиум-плагин алфавитной пагинации от команды WPShop быстро обрел популярность, так как достойных модулей

Лучшие российские шаблоны для WordPress

Многие сайтостроители ищут современные русские шаблоны WordPress (WP), созданные российскими разработчиками.

Quizle: обзор WordPress-плагина квизов и тестов от WPShop

Сегодня сделаю обзор новинки от WPShop — Quizle, долгожданного WordPress-плагина для создания на сайте

Алфавит на WordPress: подборка платных и бесплатных плагинов

Плагины алфавитной пагинации позволяют перечислять все записи или страницы на WordPress-проекте по буквам

Плагин ABC Pagination для алфавита на WordPress: обзор настроек
Плагин алфавитной пагинации на сайте WordPress — нужное и оригинальное решение для фильтрации постов

Переобход страниц в вебмастере: полезный инструмент для ускорения индексации в Яндекс

Даже начинающие интернет-бизнесмены в курсе, что «Переобход страниц» в Вебмастере Яндекса — нужная опция

Где скачать My Popup WPShop nulled: кряк последней версии плагина

Среди плагинов для WordPress все более востребованными становятся программные решения, позволяющие выводить

Как убрать хлебные крошки WooCommerce на определенных страницах

Понадобилось, значит, мне убрать «хлебушки» Вукомерсовы на всех страницах, кроме товаров. Собственно, вот и решение, простое и аккуратное. В functions.php пишем:

// Убираем крошки woocommerce со всех страниц, кроме товаров add_filter( 'woocommerce_before_main_content', 'remove_breadcrumbs'); function remove_breadcrumbs() < if(!is_product()) < remove_action( 'woocommerce_before_main_content','woocommerce_breadcrumb', 20, 0); >>

Проверка других страниц:

if(is_shop()) < . >// страницы архива магазина (проверяет тип архива 'product или id страницы 'shop') if(is_front_page() ) < . >// главная страница if(is_home()) < . >// страница по умолчанию (обычно, блог)

Ну и, разумеется, можно просто удалить все крошки:

remove_action('woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0);