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

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

Якоб Нильсен говорит, что рекомендует панировочные сухари с 19 лет95. Причины просты.

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

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

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

«Хлебные крошки» могут уменьшить беспокойство пользователя по поводу того, чего ожидать, показывая ему весь процесс. Например, настройка учетной записи на VWO состоит из нескольких шагов. Используя хлебные крошки, мы можем точно сказать пользователю, сколько шагов задействовано в процессе, и позволить ему вернуться к любому из предыдущих шагов в любой момент. Это дает пользователю представление об обязательствах (времени и усилиях), требуемых от него для настройки процесса. Как только кто-то инициирует попытку, такие визуальные подсказки могут послужить сильным мотиватором для завершения процесса.

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

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

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

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

Используйте «>» в ​​качестве разделителя между уровнями : Это работает, потому что всегда работало. «>» быстро показывает взаимосвязь между страницами более высокого уровня и страницами более низкого уровня. Джейкоб Нильсен изначально рекомендовал использовать двоеточие (:) в панели навигации. После пользовательского тестирования он изменил свою рекомендацию на использование «>», потому что это легко представляет связь между страницами более высокого уровня и страницами более низкого уровня.

Разместите крошки наверху : Панели навигации обычно располагаются в самом верху веб-сайта. Поскольку хлебные крошки работают как вспомогательное средство навигации, их следует размещать над содержимым. Группа Nielsen Norman провела пользовательские тесты и обнаружила, что пользователи ожидают «хлебных крошек» в верхней части страницы. Хорошее место для «хлебных крошек» — под основной панелью навигации и над заголовком страницы.

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

Использовать мелкий шрифт : Использование мелкого шрифта помогает сообщить пользователю об относительной важности хлебных крошек по отношению к основной панели навигации. Его никогда не следует путать с основным навигационным средством.

Выделение последнего элемента жирным шрифтом : Выделение последнего элемента (текущей страницы) жирным шрифтом придает ему заметность и сообщает пользователю: «Вот где вы сейчас находитесь».

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

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

Использовать полные заголовки страниц в навигационных цепочках : имеет смысл включать полные заголовки страниц в навигационные крошки, чтобы пользователи точно знали, куда ведет каждая из гиперссылок. Но из-за длинных заголовков страниц или по другим причинам некоторые предпочитают обрезать заголовки страниц многоточием (см. изображение ниже). В таких случаях лучше опустить такие фразы, как «Вы здесь», чтобы освободить место для более важных элементов, таких как сами заголовки страниц.

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

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

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

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

1. Люди до сих пор не уверены, стоит ли это усилий: Это не функционал, который можно сделать или сломать. Там не поспоришь.

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

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

Хлебные крошки на основе истории просто дублируют функциональность кнопки «Назад».

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

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

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

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

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

Дом > Обстановка > Гостиная > Стулья > Одноместный > Кресло-мешок ‘The Dude Abides’

или

Дом > Мебель > Жилая Комната > Стулья > Повседневная > Кресло-мешок «The Dude Abides»

Что вы выберете для показа?

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

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

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

Назад к результатам | Главная > Мебель > Гостиная > Кресла-мешки > Кресло-мешок «The Dude Abides»

Теперь поговорим о странице категории .

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

Главная> Мебель > Стулья | Одноместный автомобиль*

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

Чтобы донести мысль, позвольте мне привести некоторые цифры из исследования, проведенного Баймардом двухлетней давности. После сравнительного исследования с участием 40 сайтов электронной коммерции выяснилось, что 68% неоптимально используют навигацию Breadcrumb. 23% вообще не имели элемента хлебных крошек. Некоторые считают панировочные сухари архаичным элементом дизайна, в котором нет необходимости или приоритета в современном мире, в то время как для других это жемчужина, которая занимает мало места и не требует особых усилий, но вносит огромный вклад в общий пользовательский опыт.

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

Примечание: Скриншоты, использованные в блоге, принадлежат автору.

* 2020-01-30 - add - added action hook (breadcrumb_main) for breadcrumb area
* 2020-01-30 - add - added filter hook breadcrumb_items_array
* 2020-01-30 - add - added action hook breadcrumb_main_item_loop
* 2020-01-30 - add - added filter hook breadcrumb_link_text
* 2020-01-30 - add - added filter hook breadcrumb_link_url
* 2020-01-30 - add - added input field for add custom javascripts
* 2020-01-30 - add - added schema markup at bottom of breadcrumb.

1.5.4

* 2020-01-28 - fix - single post permalink issue fixed

1.5.3

* 03/07/2019 - add - Default text for empty title.

1.5.2

* 29/05/2019 - fix - post preview issue fixed.

1.5.1

* 24/04/2019 - update - re-write the plugin.
* 24/04/2019 - update - updated admin settings.
* 24/04/2019 - add - WooCommerce support added.
* 24/04/2019 - add - added filter hook for breadcrumb items.

1.5.0

* 18/10/2017 - update - Support link added.

1.

* 03/03/2016 - 03/03/2016 - update - admin settings UI update.
* 03/03/2016 - add - breadcrumb for date, year, month archives.
* 03/03/2016 - add - breadcrumb single post permalink structure for author.

1.4

* 17/10/2015 - http://schema.org - implemented.

1.3

* 17/10/2015 - fix - SSL issue fixed.

1.2

* 03/04/2015 - add - unlimited depth parent page link on breadcrumb.

1.1

* 23/03/2015 - add - parent page link on breadcrumb.

1.0

* 27/10/2014 Initial release.

Оценки

Посмотреть все

• 5 звёзд 24
• 4 звезды 1
• 3 звезды 0
• 2 звезды 0
• 1 звезда 4

Войдите, чтобы оставить отзыв.

Участники

• PickPlugins

Поддержка

Решено проблем за последние 2 месяца:

0 из 2

Перейти в форум поддержки

Пожертвование

Would you like to support the advancement of this plugin?

Пожертвовать на развитие плагина

Breadcrumb | Components | BootstrapVue

Укажите местоположение текущей страницы в навигационной иерархии. Разделители автоматически добавляются в CSS через ::before и content.

Обзор

<template>
  <b-breadcrumb :items="items"></b-breadcrumb>
</template>
<script>
  export default {
    data() {
      return {
        items: [
          {
            text: 'Админ',
            href: '#'
          },
          {
            text: 'Управление',
            href: '#'
          },
          {
            text: 'Библиотека',
            active: true
          }
        ]
      }
    }
  }
</script>
<!-- b-breadcrumb.
  vue -->

Элементы хлебных крошек

Элементы визуализируются с помощью свойства :items. Это может быть массив объектов для предоставления ссылки и активного состояния. Ссылки могут быть href для тегов привязки или to для ссылок маршрутизатора. Хлебные крошки работают в предположении, что в каждом наборе упорядоченных хлебных крошек есть одна активная ссылка, поэтому активное состояние последнего элемента автоматически устанавливается на

const items = [
  {
    text: 'Главная',
    href: 'https://google.com'
  },
  {
    text: 'Посты',
    to: { name: 'home' }
  },
  {
    text: 'Другая история',
    active: true
  }
]

Смотрите справочную страницу Поддержка маршрутизатора для получения информации о конкретных свойствах связи маршрутизатора.

Элементы, размещенные вручную

Вы также можете вручную поместить отдельные дочерние компоненты <b-breadcrumb-item> в слот по умолчанию компонента <b-breadcrumb> в качестве альтернативы использованию свойства items для большего контроля над содержимым каждого элемента:

<template>
  <b-breadcrumb>
    <b-breadcrumb-item href="#home">
      <b-icon icon="house-fill" scale="1. 25" shift-v="1.25" aria-hidden="true"></b-icon>
      Главная
    </b-breadcrumb-item>
    <b-breadcrumb-item href="#foo">Фуу</b-breadcrumb-item>
    <b-breadcrumb-item href="#bar">Бар</b-breadcrumb-item>
    <b-breadcrumb-item active>Баз</b-breadcrumb-item>
  </b-breadcrumb>
</template>
<!-- b-breadcrumb-item.vue -->

Не забудьте установить свойство active для последнего элемента.

<b-breadcrumb-item> также поддерживает различные свойства <router-link>, такие как to и т. д.

Справочник по компонентам

Функциональный компонент

Смотреть источник

• <b-breadcrumb> Свойства
• <b-breadcrumb> Слоты

Свойства

Все значения свойств по умолчанию настраиваются глобально.

Слоты

Функциональный компонент

Смотреть источник

• <b-breadcrumb-item> Свойства
• <b-breadcrumb-item> Слоты
• <b-breadcrumb-item> События

Свойства

Все значения свойств по умолчанию настраиваются глобально.

Свойство (Click to sort ascending)	Тип (Click to sort ascending)	По умолчанию	Описание
active	Boolean	false	При значении `true` переводит компонент в активное состояние с активным стилем.
active-class	String		<router-link> свойство: Настройка активного класса CSS, применяемого, когда ссылка активна. Обычно Вам нужно установить это имя класса ‘active’
append	Boolean	false	<router-link> свойство: Настройка добавления свойства всегда добавляет относительный путь к текущему пути
aria-current	String	'location'	Устанавливает значение атрибута ‘aria-current’ (когда элемент является активным элементом). Поддерживаемые строковые значения: ‘location’, ‘page’ или ‘true’
disabled	Boolean	false	Если установлено значение `true`, отключает функциональность компонента и переводит его в отключенное состояние.
exact	Boolean	false	<router-link> свойство: Поведение сопоставления активного класса по умолчанию включает сопоставление. Установка этого свойства заставляет режим точно соответствовать маршруту
exact-active-class	String		<router-link> свойство: Настройка активного класса CSS, применяемого, когда ссылка активна с точным соответствием. Обычно Вам нужно установить это имя класса ‘active’
exact-path	Boolean	false	<router-link> prop: Allows matching only using the path section of the url, effectively ignoring the query and the hash sections
exact-path-active-class	String		<router-link> prop: Configure the active CSS class applied when the link is active with exact path match. Typically you will want to set this to class name ‘active’
href	String		<b-link> свойство: Обозначает целевой URL-адрес ссылки для стандартных ссылок
html Использовать с осторожностью	String		HTML-строка для отображения в элементе хлебной крошки
no-prefetch	Boolean	false	<nuxt-link> свойство: Чтобы улучшить отзывчивость Ваших приложений Nuxt. js, когда ссылка будет отображаться в области просмотра, Nuxt.js автоматически выполнит предварительную загрузку страницы с разделением кода. Установка `no-prefetch` отключит эту функцию для конкретной ссылки
prefetch v2.15.0+	Boolean	null	<nuxt-link> свойство: Чтобы улучшить отзывчивость Ваших приложений Nuxt.js, когда ссылка будет отображаться в области просмотра, Nuxt.js автоматически выполнит предварительную загрузку страницы с разделением кода. Установка для `prefetch` значения `true` или `false` перезапишет значение по умолчанию `router.prefetchLinks`
rel	String	null	<b-link> свойство: Устанавливает атрибут `rel` для отображаемой ссылки
replace	Boolean	false	<router-link> свойство: Установка свойства `replace` будет вызывать `router. replace()` вместо `router.push()` при нажатии, поэтому навигация не будет оставлять запись в истории
router-component-name v2.15.0+	String		<b-link> свойство: BootstrapVue автоматически определяет между `<router-link>` и `<nuxt-link>`. В случаях, когда Вы хотите использовать сторонний компонент ссылки на основе `<router-link>`, установите это свойство на имя компонента, например установите для него значение ‘g-link’, если Вы используете Gridsome (обратите внимание, что компоненту передаются только определенные свойства `<router-link>`)
target	String	'_self'	<b-link> свойство: Устанавливает атрибут `target` для отображаемой ссылки
text	String		Текст для отображения в элементе навигации
to	Object или String		<router-link> свойство: Обозначает целевой маршрут ссылки. При нажатии значение свойства будет передано в `router.push()` внутренне, поэтому значение может быть либо строкой, либо объектом дескриптора местоположения

<b-breadcrumb-item> поддерживает генерацию <router-link> или <nuxt-link> компонент (при использовании Nuxt.js). Дополнительные сведения о свойствах, связанных с ссылками на маршрутизаторы (или Nuxt Link), смотрите в разделе справки по поддержке роутов.

Осторожно: Свойства, поддерживающие HTML-строки (*-html) может быть уязвим для Атаки межсайтового скриптинга (XSS) при передаче необработанных значений, предоставленных пользователем. Вы должны правильно очищать ввод пользователя!

Слоты

События

Импорт отдельных компонентов

Вы можете импортировать отдельные компоненты в свой проект с помощью следующих именованных экспортов:

Пример:

import { BBreadcrumb } from 'bootstrap-vue'
Vue. component('b-breadcrumb', BBreadcrumb)

Импортировать как плагин Vue.js

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

Пример:

import { BreadcrumbPlugin } from 'bootstrap-vue'
Vue.use(BreadcrumbPlugin)

Bootstrap Breadcrumb – Компонент для создания хлебных крошек

В этой статье мы познакомимся с процессом создания хлебных крошек (навигационных цепочек) для страниц сайта на Bootstrap 3 и 4 версии.

Назначение хлебных крошек

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

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

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

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

Создание хлебных крошек в Bootstrap

В фреймворке Bootstrap создание хлебных крошек осуществляется с помощью компонента Breadcrumb. По сути этот компонент – это просто набор стилей, которые нужно добавить к определённой HTML разметке через классы.

HTML код хлебных крошек в Bootstrap 4:

<ol>
  <li><a href="#">Каталог</a></li>
  <li><a href="#">Смартфоны</a></li>
  <li>6.47" Смартфон Huawei P30 Pro 256 ГБ черный</li>
</ol>  

Из кода видно, что процесс создания хлебных крошек состоит из добавления на страницу элемента <ol> с классом breadcrumb. Далее в <ol> необходимо поместить нужное количество элементов <li> с классом breadcrumb-item. Эти элементы будут определять навигационную цепочку до текущей страницы. После этого в <li> необходимо поместить <a> с атрибутом href и текстом.

Если хлебные крошки должны заканчиваться названием текущей страницы, то в этом случае в последний элемент <li> нужно просто поместить её название и добавить к нему класс active. Создавать ссылку в этом случае не нужно, т.к. в ней нет никакого смысла, да и с точки зрения SEO это неправильно.

В Bootstrap 3 хлебные крошки создаются аналогично (посредством нумерованного списка) за исключением только того, что к элементам li не нужно добавлять класс breadcrumb-item:

<ol>
  <li><a href="#">Каталог</a></li>
  <li><a href="#">Смартфоны</a></li>
  <li>6.47" Смартфон Huawei P30 Pro 256 ГБ черный</li>
</ol>  

Для сведения, разделитель элементов списка в Bootstrap CSS («bootstrap.css») добавляется на страницу через псевдоэлемент ::before следующим образом:

/* Bootstrap 3 */
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}

/* Bootstrap 4 */
.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0. 5rem;
  color: #6c757d;
  content: "/";
}

Примеры хлебных крошек:

<!-- Bootstrap 4 -->  
<ol>
  <li><a href="#">Главная</a></li>
  <li><a href="#">Ноутбуки, планшеты, компьютеры</a></li>
  <li><a href="#">Ноутбуки</a></li>
  <li><a href="#">Ноутбуки Apple MacBook</a></li>  
  <li><a href="#">Apple</a></li>
</ol>

<!-- Bootstrap 4 -->  
<ol>
  <li><a href="#">Каталог</a></li>
  <li><a href="#">Комплектующие, компьютеры и ноутбуки</a></li>
  <li><a href="#">Периферия и аксессуары</a></li>
  <li><a href="#">Мыши</a></li>  
  <li>Компактная мышь проводная Defender Patch MS-759 черный</li>
</ol>

Создание хлебных крошек со своим оформлением

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

Но перед тем как переходить к их созданию желательно убрать компонент Breadcrumb из Bootstrap. Это позволит немного уменьшить размер CSS файла этого фреймворка. В противном случае у вас в «bootstrap.css» останутся стили, которые на сайте вы нигде не используете. Как изменить сборку под свой проект подробно описано в этой статье (если вы используете Bootstrap 3, то здесь).

Например рассмотрим как создать хлебные крошки со следующим оформлением:

HTML структуру крошек оставим как в Bootstrap 4:

<ol>
  <li><a href="#">Компоненты</a></li>
  <li><a href="#">pdoTools</a></li>
  <li>Парсер</li>
</ol>

Напишем стили:

/* пример стилей */
.breadcrumb {
  list-style: none;
  display: flex;
  padding-left: 0px;
}

.breadcrumb-item>a,
.breadcrumb-item.active {
  color: #fff;
  display: block;
  background: #7b1fa2;
  text-decoration: none;
  position: relative;
  height: 34px;
  line-height: 34px;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 23px;
  user-select: none;
}

. breadcrumb-item:first-child>a {
  padding-left: 15px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.breadcrumb-item:last-child>a,
.breadcrumb-item.active {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-right: 0;
  padding-right: 15px;
}

.breadcrumb-item:first-child>a::before,
.breadcrumb-item:last-child>a::after {
  border: none;
}

.breadcrumb-item>a::before,
.breadcrumb-item>a::after,
.breadcrumb-item.active::before {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #7b1fa2;
  border-width: 17px 10px;
  width: 0;
  height: 0;
}

.breadcrumb-item>a::before,
.breadcrumb-item.active::before {
  left: -20px;
  border-left-color: transparent;
}

.breadcrumb-item>a::after {
  left: 100%;
  border-color: transparent;
  border-left-color: #7b1fa2;
}

. breadcrumb-item>a:hover {
  background-color: #6a1b9a;
}

.breadcrumb-item>a:hover::before {
  border-color: #6a1b9a;
  border-left-color: transparent;
}

.breadcrumb-item>a:hover::after {
  border-left-color: #6a1b9a;
}

.breadcrumb-item.active {
  color: #6a1b9a;
  background-color: #f3e5f5;
}

.breadcrumb-item.active::before {
  border-color: #f3e5f5;
  border-left-color: transparent;
}

html — Как создать хлебные крошки, оформленные в микроформат breadcrumb?

Есть хл.крошки в таком виде:

<div>
    <div itemprop="breadcrumb">
        <a href="https://site.com">Главная</a>
        <span>/</span>
        <span>О компании</span>
    </div>
</div>

подскажите, как правильно их оформить в микроформат breadcrumb ?
обязательно ли нужно каждый пункт оборачивать в тег li?
т. е. пункт Главная и О компании должны должны быть в li?
а эти атрибуты обязательны: itemprop="position" content="1" ?

пример из schema.org

<ol itemscope itemtype="http://schema.org/BreadcrumbList">
    <li itemprop="itemListElement" itemscope
        itemtype="http://schema.org/ListItem">
        <a itemprop="item" href="https://example.com/dresses">
            <span itemprop="name">Dresses</span></a>
        <meta itemprop="position" content="1" />
    </li>
    <li itemprop="itemListElement" itemscope
        itemtype="http://schema.org/ListItem">
        <a itemprop="item" href="https://example.com/dresses/real">
            <span itemprop="name">Real Dresses</span></a>
        <meta itemprop="position" content="2" />
    </li>
</ol>  

========================================================================== P. S.
тестирую такой код по ссылке https://search.google.com/structured-data/testing-tool

<ul itemscope="" itemtype="http://schema.org/BreadcrumbList">
    <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
        <a itemprop="item" href="https://site.com"><span itemprop="name">Главная</span></a>
    </li>
    <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
        <span itemprop="name">Новости</span>
    </li>
</ul>  

но выдаёт ошибку:

BreadcrumbList 4 ОШИБКИ НЕТ ПРЕДУПРЕЖДЕНИЙ
@type    BreadcrumbList
itemListElement
@type    ListItem
name     Главная
item     Необходимо указать значение для поля item.
position Необходимо указать значение для поля position.
itemListElement
@type    ListItem
name     Новости
item     Необходимо указать значение для поля item.
position Необходимо указать значение для поля position.   

подскажите, как правильно сделать разметку?

• html
• schema.org
• breadcrumbs

3

BreadcrumbList элемент должен иметь ссылку, валидный код такой:

<ul itemscope="" itemtype="http://schema.org/BreadcrumbList">
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a itemprop="item" href="https://site.com"><span itemprop="name">Главная</span></a>
        <meta itemprop="position" content="1" />
    </li>
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a itemprop="item" href="https://site.com/dresses/real"><span itemprop="name">Новости</span></a>
        <meta itemprop="position" content="2" />
    </li>
</ul>

либо если последний элемент нужно сделать без ссылки то он должен быть не BreadcrumbList элементом.

<ul itemscope="" itemtype="http://schema.org/BreadcrumbList">
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a itemprop="item" href="https://site.com"><span itemprop="name">Главная</span></a>
        <meta itemprop="position" content="1" />
    </li>
    <li>
        <span>Новости</span>
    </li>
</ul>

это как минимум в интерпретации Гугла и его валидатора.

Я бы сделал по первому варианту, но стилями CSS скрыл бы что последний элемент является ссылкой.

Ваш ответ

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

iPad и Android POS Аппаратное обеспечение для ресторанов

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

• Столешница
• POS-терминалы
• Платежи EMV
• Принтеры
• Кухонные дисплеи
• Беспроводная сеть

Заказы и платежи за столиками

Upserve Tableside

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

Сжигайте билеты, не выходя из своей секции

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

Терминалы

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

Надежное POS-оборудование Upserve разработано, чтобы выдерживать суету вашего оживленного ресторана. Доступный как для Android, так и для iOS, Upserve POS оснащен встроенным EMV.

POS, который делает больше для вашей прибыли

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

Нулевое время простоя

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

Невероятно интуитивно понятный

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

Платежи EMV

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

Printer Solutions

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

Решения

Upserve POS и Epson KDS обеспечивают бесперебойную связь между FOH и BOH, обеспечивая быстрое обслуживание и точные заказы, ожидаемые гостями. Epson KDS предлагает KDS с сенсорным экраном и Bumpbar KDS в комплектах для одной или нескольких станций.

Пакет расширения Epson KDS Multi-Station Expansion Pack позволяет использовать комплект Multi-Station Kit и добавить до трех дополнительных мониторов. Теперь у вас может быть несколько экранов, отображающих заказы POS, маршрут к определенным станциям и просмотр всех дескрипторов, которые вы обычно найдете на своем кухонном столе.

Беспроводная сеть

Не позволяйте плохой сети Wi-Fi саботировать работу вашего ресторана. Upserve POS поставляется с лучшими в своем классе маршрутизаторами и удлинителями Meraki Networking, поэтому вы можете с максимальной надежностью транслировать беспроводную сеть по всему вашему местоположению, размещать надежную гостевую сеть, формировать трафик и многое другое. Мы также проведем удаленный опрос или опрос на месте, чтобы выявить проблемы с подключением и точки доступа Wi-Fi, чтобы вы точно знали, где настроить свои POS-терминалы.

«Отличная компания и обслуживание клиентов. Я никогда раньше не работал с такой эффективной и эффективной системой торговых точек! Отличная работа всех и очень внимательные! Очень рекомендую.»

Andrew Rasizer

16.04.2018

«Простота в использовании и настройке. Отличный удаленный доступ и плавное обновление меню, особенно при удаленном добавлении. двух-трехминутная перезагрузка для внесения изменений. Система включает в себя всестороннюю и полезную аналитику посредством upserve. Можно увидеть, какие товары продаются / приносят прибыль в настраиваемый период времени».

Роб Гурли

17.04.2018

«Upserve стал отличным дополнением к гостиничной компании, в которой я работаю. получить его во всех местах».

Хорхе Салдарриага

01.05.2018

Избранное на

Хотите поговорить о магазине?

Заполните форму ниже, чтобы запланировать короткую демонстрацию!

Узнайте, как наша POS-терминал и платформа управления рестораном могут помочь вам:

• Увеличение продаж
• Повышение производительности труда персонала
• Управляйте своим рестораном из любого места, 24/7

Расскажите о себе.

POS-система

Bar | Upserve

Бары экономят 48 % с помощью облачной Upserve POS*

С учетом всех затрат бары экономят 48 % в течение трех лет с Upserve POS по сравнению с устаревшим локальным решением.

*На основе независимого анализа баров и ресторанов с тремя терминалами, проведенного Nucleus Research.

Настройте интерфейс нашего программного обеспечения POS для бара, чтобы получить мгновенный доступ к самым популярным напиткам.

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

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

Hal Soper

02.05.2018

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

Джон Лаффлер

17.04.2018

«Отличное обслуживание клиентов и программное обеспечение. Делаем все возможное, чтобы управлять и развивать наш бар».

Дэйв В.

09.01.2019

Добавьте новое пиво в свой POS, не выходя из бара

Улучшенный процесс оплаты для быстрого оформления заказа

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

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

У них будет обычный

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

Самая умная интеграция в отрасли

Средний бар может приносить более 25 000 долларов продаж в любую неделю. Соревнование с тысячами баров в вашем городе — это не просто игра, это вопрос выживания. А когда важен каждый чек, Upserve POS — это система торговых точек, на которую можно положиться.

Интеграция POS-терминала в баре с остальными бизнес-процессами позволяет получить революционную информацию, которая поможет оптимизировать повседневные процессы управления баром. Среди наших технологических партнеров Bevager, RSI, KitchenSync и другие.

ПОСМОТРЕТЬ ВСЕ ИНТЕГРАЦИИ

Управление персоналом

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

Заработная плата и распределение чаевых

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

Прямая трансляция

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

Управление запасами

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

Бесплатная круглосуточная поддержка 7 дней в неделю

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

Хотите поговорить о магазине?

Заполните форму ниже, чтобы запланировать короткую демонстрацию!

Узнайте, как наша POS-терминал и платформа управления рестораном могут помочь вам:

• Повышение продаж
• Повышение производительности труда персонала
• Управляйте своим рестораном из любого места, 24/7

Расскажите о себе.

Что такое навигационная цепочка и как она упрощает навигацию? (с примерами)

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

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

Внезапно вы знаете, где вы находитесь и где находятся вход и выход относительно вашего положения. Паника идет пуф! И вперед, гав-гав!

В навигации по сайту хлебные крошки делают что-то подобное.

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

Вот что вы узнаете из этого поста:

• Что такое навигационная цепочка?
• Наша эволюционная потребность в навигационной цепочке
• Типы «хлебных крошек» для веб-сайтов
• 5 преимуществ «хлебных крошек»
• 10 рекомендаций по использованию «хлебных крошек»
• Проблема навигации с помощью «хлебных крошек»
• Последнее слово о «хлебных крошках»

6 Что такое навигация?

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

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

Хлебные крошки не являются исключительно элементом веб-сайта. Microsoft представила Breadcrumbs в Windows Vista, и с тех пор эта функция присутствует во всех выпусках Windows.

Сравнение Windows XP (вверху) и Windows 7 (внизу). Обратите внимание на беспорядок в пути Windows XP, тогда как Windows 7 отображает навигационные крошки, которые позволяют пользователям визуализировать путь и, при необходимости, вернуться к нему. Изображение предоставлено: GeekGirl’s

Наша потребность в панировочных сухарях имеет эволюционную причину

Питер Пиролли обнаружил интересные параллели между тем, как животные добывают пищу, и тем, как люди ищут полезную информацию. По сути, все мы живем по правилу эвристики — не тратьте на поиски еды больше энергии, чем та, которую дает еда. Рассмотрим, как мы ищем информацию в Интернете: мы что-то ищем, поисковая система выдает множество результатов. Мы просматриваем ссылки, и если мы не чувствуем подсказки (заголовок SEO, метаданные и т. д.), что ссылка даст нам информацию, которую мы ищем, мы не нажимаем на нее. Это мало чем отличается от животного, охотящегося за добычей в саванне; зверь будет атаковать только тогда, когда след запаха будет достаточно сильным, чтобы оправдать энергию, которая должна быть потрачена на погоню.

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

На базовом уровне люди зарабатывают на хлеб, но жаждут хлебных крошек.

Типы «хлебных крошек» в веб-дизайне

«хлебные крошки» на основе местоположения или иерархии

«хлебные крошки» на основе местоположения помогают пользователю перейти к более широкой категории (странице более высокого уровня) со страницы, на которой он находится. Представьте себе человека, который ищет в Google пару туфель для пустыни, находит результат поиска и попадает на одну из страниц вашего продукта. Им не нравится то, что они видят, и они хотят изучить другие варианты. Как человек возвращается на главную страницу категории (мужская обувь) или на страницу подкатегории (мужская обувь — обувь для пустыни)?

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

Хлебные крошки на основе пути или истории

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

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

 

Хлебные крошки на основе атрибутов

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

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

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

Поощряет просмотр и снижает отказы

Если пользователь попадает на страницу продукта, которая его не интересует, он либо отказывается от просмотра, либо возвращается на страницу категории, чтобы начать все сначала. Хлебные крошки побуждают пользователя начать все сначала и пока не отскакивать. В исследовании, проведенном Hull, S.S. (2004), было обнаружено, что пользователи, получившие инструкции по использованию хлебных крошек, выполняли задачи намного быстрее, чем пользователи, которые не использовали хлебные крошки. Для пользователей, ежедневно пользующихся Интернетом (даже в интрасетях, например, в организациях), использование хлебных крошек может значительно повысить производительность и сэкономить время.

Связанный пост : 14 способов уменьшить количество отказов и повысить вовлеченность на вашем сайте электронной коммерции

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

Источник изображения: ResearchGate

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

Источник изображения: Search Engine Land

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

Потому что нет веских причин не использовать их

Якоб Нильсен говорит, что рекомендует панировочные сухари с 19 лет95. Причины просты.

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

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

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

«Хлебные крошки» помогают уменьшить беспокойство пользователя

«Хлебные крошки» могут уменьшить беспокойство пользователя о том, чего ожидать, показывая ему весь процесс. Например, настройка учетной записи на VWO состоит из нескольких шагов. Используя хлебные крошки, мы можем точно сказать пользователю, сколько шагов задействовано в процессе, и позволить ему вернуться к любому из предыдущих шагов в любой момент. Это дает пользователю представление об обязательствах (времени и усилиях), требуемых от него для настройки процесса. Как только кто-то инициирует попытку, такие визуальные подсказки могут послужить сильным мотиватором для завершения процесса.

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

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

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

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

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

Используйте «>» в ​​качестве разделителя между уровнями : это работает, потому что всегда работало. «>» быстро показывает взаимосвязь между страницами более высокого уровня и страницами более низкого уровня. Джейкоб Нильсен изначально рекомендовал использовать двоеточие (:) в панели навигации. После пользовательского тестирования он изменил свою рекомендацию на использование «>», потому что это легко представляет связь между страницами более высокого уровня и страницами более низкого уровня.

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

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

Использовать мелкий шрифт : Использование мелкого шрифта помогает сообщить пользователю об относительной важности хлебных крошек по отношению к основной панели навигации. Его никогда не следует путать с основным навигационным средством.

Выделение последнего элемента жирным шрифтом : Выделение последнего элемента (текущей страницы) жирным шрифтом придает ему заметность и сообщает пользователю: «Вот где вы сейчас находитесь».

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

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

Использовать полные заголовки страниц в навигационных цепочках : имеет смысл включать полные заголовки страниц в навигационные крошки, чтобы пользователи точно знали, куда ведет каждая из гиперссылок. Но из-за длинных заголовков страниц или по другим причинам некоторые предпочитают обрезать заголовки страниц многоточием (см. изображение ниже). В таких случаях лучше опустить такие фразы, как «Вы здесь», чтобы освободить место для более важных элементов, таких как сами заголовки страниц.

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

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

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

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

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

1. Люди до сих пор не уверены, стоит ли это усилий: Это не функционал, который можно сделать или сломать. Там не поспоришь.

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

Проблемы с навигационными цепочками на основе истории

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

Хлебные крошки на основе истории просто дублируют функциональность кнопки «Назад».

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

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

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

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

Проблемы с навигационными навигационными цепочками

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

Дом > Обстановка > Гостиная > Стулья > Одноместный > Кресло-мешок ‘The Dude Abides’

или

Дом > Мебель > Жилая Комната > Стулья > Повседневная > Кресло-мешок The Dude Abides

Что вы выберете для показа?

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

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

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

Назад к результатам | Главная > Мебель > Гостиная > Мешки с фасолью > Мешок с фасолью «The Dude Abides»

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

Теперь поговорим о странице категории .

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

Главная> Мебель > Стулья | Одноместный автомобиль*

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

Хлебные крошки: вторичные по статусу, первичные по ценности

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

Чтобы донести мысль, позвольте мне привести некоторые цифры из исследования, проведенного Баймардом двухлетней давности. После сравнительного исследования с участием 40 сайтов электронной коммерции выяснилось, что 68% неоптимально используют навигацию Breadcrumb. 23% вообще не имели элемента хлебных крошек. Некоторые считают панировочные сухари архаичным элементом дизайна, в котором нет необходимости или приоритета в современном мире, в то время как для других это жемчужина, которая занимает мало места и не требует особых усилий, но вносит огромный вклад в общий пользовательский опыт.

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

Примечание: Скриншоты, использованные в блоге, принадлежат автору.

---

Что такое меню «хлебных крошек»?

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

Какая польза от панировочных сухарей?

«Хлебные крошки» на веб-сайте помогают стимулировать просмотры и снижают показатель отказов, улучшают возможность поиска вашего веб-сайта, обеспечивают преимущества SEO и помогают уменьшить беспокойство пользователей.

хлебные крошки — Викисловарь

• 1.1 Альтернативные формы
• 1.2 Этимология
• 1.3 Произношение
• 1.4 Существительное
  • 1.4.1 Синонимы
  • 1.4.2 Производные термины
  • 1.4.3 Переводы
• 1.5 Глагол
  • 1.5.1 Переводы

Английский[править]

Английский В Википедии есть статья:

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

Википедия

Крошечные кусочки хлеба.

Цепочка гиперссылок, отображаемая в качестве руководства для облегчения навигации.

Альтернативные формы[править]

• панировочные сухари

Этимология Вычислительный смысл: отсылка к немецкой сказке

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

Произношение

Аудио (США)

(файл)

Существительное

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

   • 2018 26 марта, А. А. Дауд, «Стивен Спилберг находит забаву и, возможно, даже душу, в потворствующей подделке Первому игроку приготовиться », в The A.V. Клуб ‎ ^[1] , заархивировано из оригинала 31 мая 2018 года:

     Перед смертью Джеймс Холлидей (Марк Райлэнс), похожий на отшельника, социально неприспособленный технический гений, создавший The Oasis, спрятал пасхальное яйцо где-то в схеме, разбрасывая хлебные крошки которые ведут к его местонахождению. Найдите яйцо, и состояние магната — вместе с полным контролем над его цифровой вотчиной — станет вашим. Это настоящая капиталистическая охота за мусором!

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

Синонимы[править]

• (крошечный кусок хлеба): крошка

Производные термины

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

Переводы[править]

крошечный кусочек хлеба

Арабский: بُقْسُمَاطْ‎ m (buqsumāṭ) Хиджазский арабский: بُقْسُمَاط‎  м (бугсумат) Китайский: Кантонский: 麵包屑, 面包屑 (мин 6 Baau 1 SIT 3 ), 麵包糠, 面包糠 (MIN 6 BAAU 1 HONG 1 00) (DRIED) 474747474747474747474747474747474747474747747474774747474774747474747 477474747474747477747 Hong 1 00) (DRAAU 1 Hong 1 00) (DRAA Мандарин: 麵包屑 (zh), 面包屑 (zh) (miànbāoxiè), 麵包糠, 面包糠 (miànbāokāng) (высушенный) Чешский: strouhanka (cs)  f Эсперанто: панеро Финский: leivänmuru (fi) (упавший с хлеба), korppujauho (fi) (преднамеренно сделанный) Французский: miette de pain f , miette (fr) f , panure (fr) f (собирательный смысл) Галиц: Мигалла (GL) F , Faragulla (GL) F , Frangulla (GL) F , Fungalla (GL) F , Migallo (GL) M , Miga (GL) F F F F F F F F F . Немецкий: Brotkrümel m , Brotkrume (de) f , Brosame (de) f , Brösel (de) m или n Греческий: ψίχα (эль) f (психа), τρίμμα (эль) n (тримма), ψίχουλο (эль) n (психоуло) Иврит: פירורי לחם \ פֵּרוּר m (perúrey lehém) Венгерский: kenyérmorzsa (hu), prézli (hu), zsemlemorzsa (hu) Исландский: brauðmylsna  f Индонезийский: panir (id) Ирландский: граброг f , брускар м

Итальянский: briciola (it)  f (одна хлебная крошка), pangrattato (it)  m (готовые сухие хлебные крошки, продаваемые в магазинах и используемые для панировки продуктов), mollica (it)  f (мягкая внутренняя часть хлеба) Японский: パン屑 (панкудзу), パン粉 (панко) Корейский: 빵가루 (ко) (ппанггару) Малайский: сердак роти Норвежский: Букмол: brødrasp сущ. (неисчисляемое, собирательный смысл) Нюнорск: brødrasp n (неисчисляемое, собирательный смысл) Польский: bulka tarta (pl)  f Португальский: migalha (pt) f , farelo (pt) m , pão ralado m Румынский: firmitură (ro)  f (отдельные хлебные крошки, сухие или мягкие), pesmet (ro)  m (готовые сухие хлебные крошки, продаваемые в магазинах и используемые для обваливания пищи) Русский: хле́бная ​​кро́шка f (хлебная крошка), кро́шка (ru) ф (крошка) Сицилийский: muḍḍica f Словацкий: strúhanka f Словенский: krušna drobtina  f Испанский: miga (es) f , migaja (es) f Турецкий: ekmek kırıntısı Вьетнамский: bột chiên xù

Глагол0528 причастие настоящего времени

панировочные сухари , простое прошедшее и причастие прошедшего времени панировочные сухари )

1. (переходный, приготовление пищи) Чтобы посыпать пищу панировочными сухарями, обычно перед приготовлением.

   • 2009 , Элизабет Дэвид, Омлет и бокал вина , →ISBN :

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

   • 2010 , Teri Louise Kelly, Sex, Knives and Bouillabaisse , →ISBN :

     Затем повар начинает кашлять слизистой 10c хлебом 6 6 мокротой 6 6 по всей телятине.

   • 2011 , Стен Стуре Скальдеман, Похудеть, питаясь , → ISBN :

     Швед не может представить более летней еды, чем панировочные сухари

     10262 Филе салаки, фаршированное укропом или петрушкой и залитое старомодным уксусом

2. (графический пользовательский интерфейс, непереходный) Чтобы добавить навигационные навигационные крошки к (веб-странице или пользовательскому интерфейсу).

   • 2003 , Sybex Inc., HTML Complete , стр. 155:

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

   • 2003 , Крета Чандлер и Карен Хаятт, Ориентированный на клиента дизайн: новый подход к удобству использования веб-сайтов , → ISBN :

     Здесь» хранить каталог в каждом проходе.

   • 2007 , Джон Риццо, Переход на Microsoft Windows Vista: Visual Quickproject Guide , → ISBN , стр. 93:

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

3. Использовать подсказки или соблазны, чтобы вести кого-то в нужном направлении.

   • 2007 , Крис Марк Бейтман, Написание игр: Навыки повествования для видеоигр , стр. 89:

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

   • 2016 , Christopher W. Totten, Архитектурный подход к дизайну уровней , → ISBN , стр. 198-199:

     .

   • 2016 , Артур Лугмайр и Чинция Даль Зотто, Справочник по конвергенции СМИ — Том. 2: Firms and User Perspectives , → ISBN :

     Игра в альтернативной реальности — ARG — представляет собой интерактивное повествование, использующее реальный мир в качестве медиа-платформы и использующее повествование « в панировочных сухарях » в нескольких медиа. представить историю, на которую в реальном времени влияют идеи и действия участников (Dena, 2008; Denward & Waern, 2008; Werner, 2008).

   • 2016 , Домино Финн, Струны Сердца :

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

Переводы[править]

Bulma: бесплатная современная CSS-инфраструктура с открытым исходным кодом на основе Flexbox

Breadcrumb

Простой компонент Breadcrumb для улучшения навигации

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

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

---

Пример

HTML

Выравнивание #

Для альтернативного выравнивания используйте модификаторы is-centered и is-right в контейнере хлебных крошек .

Пример

HTML

Пример

HTML

Иконки #

Вы можете использовать любой шрифт Font Awesome иконки .

Пример

HTML

Альтернативные сепараторы #

Вы можете выбрать между 4 дополнительными разделителями : разделитель-стрелка разделитель маркеров разделитель точек и разделитель успеха .

Пример

HTML

Пример

HTML

Пример

HTML

Пример

HTML

Размеры #

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

Пример

HTML

Пример

HTML

Пример

HTML

Переменные #

Имя

Тип

Значение

Вычисленное значение

Computed Type

 $ Breadcrumb-Color 

Переменная

 HSL (229, 53%, 53%) 

66. hover-color

переменная

 $link-hover 

 hsl(0, 0%, 21%) 

color

 $breadcrumb-item-active-color 

переменная

 $1011 9 $text-strong 
 HSL (0, 0%, 21%) 
 Color
 $ Breadcrumb-item-padding-vertical 
 Строка
 $ $ Breadcrumb-item-padding-horizontal 
 Размер
 0,75EM 
6 $ HARD-ITEM-ITEM-ITEM-ITEM-ITEM-ITEM-IITEM-ITEM-ITEM-ITEM-ITEM-ITEM-IITEM
 -separator-color 

переменная

 $border-hover 

 hsl(0, 0%, 71%) 

color

Эта страница с открытым исходным кодом . Заметили опечатку? Или что-то непонятно?
Улучшить эту страницу на GitHub

Breadcrumb — Плагин для WordPress | WordPress.

org

• Подробнее
• отзывов
• Монтаж
• Поддерживать
• Развитие

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

Хлебные крошки от http://pickplugins.com

• Купить Премиум »
• Живая демонстрация »
Поддержка
• »
• Документация »

Учебники

• Установка и настройка
• Ограничить текст ссылки
• Настроить домашний текст
• Изменить стиль
• Установить про и настроить (Премиум)
• Скрыть в архивах (Премиум)
• Скрыть по типам сообщений (Премиум)
• Скрыть по идентификаторам сообщений (Премиум)

Функции плагина

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

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

Пользовательский текст на лицевой стороне
Вы можете отобразить пользовательский текст префикса перед запуском навигационной цепочки.

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

Ограничить текст ссылки на слово
Вы можете ограничить количество слов или символов в тексте ссылки и использовать установленный настраиваемый текст окончания.

Скрыть текст «Главная страница»
Вы можете скрыть или отобразить элементы «Главной страницы» в навигационной цепочке

Пользовательский размер шрифта для текста ссылки
Вы можете установить собственный размер шрифта для текста ссылки

Отступы контейнера
Задайте пользовательские поля и отступы для контейнера хлебных крошек.

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

Переопределить с помощью фильтрующего хука
Вы можете переопределить элемент хлебной крошки с помощью фильтрующего хука.

Премиум-функции

Скрыть в архивах
Вы можете динамически скрывать навигационную цепочку на таких страницах архива, как Первая страница, Домашняя страница, Блог, Автор, Поиск, Год, Месяц, Дата, Категории, Теги

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

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

Перевод

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

вы можете добавить свой собственный перевод, если вам нужна помощь, пожалуйста, свяжитесь с нами.

• скриншот-1
• скриншот-2
• скриншот-3
• скриншот-4
• скриншот-5
• скриншот-6

1. Установить как обычный плагин WordPress.
2. Зайдите в настройки плагина через панель управления WordPress и найдите « Breadcrumb », чтобы активировать его.

После активации плагина вы увидите меню «Хлебные крошки» слева на панели управления WordPress

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

используйте этот короткий код в любом месте для отображения хлебных крошек
[хлебные крошки]

Конфигурация очень проста, а результат (с бесплатной версией) чистый и важный. Платная версия может дать вам красивый и профессиональный графический эффект. Поддержка также точна! Спасибо

очень прост в управлении

Здравствуйте, прост в использовании, очень полезен. Работа с каждым шаблоном (в том числе Divi ;)) ** старый обзор пуст, но проблема исправлена ​​командой очень быстро (очень отзывчивая! молодец!!) 2 дня ищу баг на одном из своих сайтов, не смог сохранить изменения :'( — ВП 5.3.2 — шаблон Диви 4.2.2 Мы только что обнаружили проблему: это расширение, Breadcrumb, несовместимо с шаблоном Divi. Хорошего дня, Рашель

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

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

Отличный плагин

Прочитать все 29 отзывов

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

Авторы

• PickPlugins

1.5.27

 * 2022-06-30 - исправить - обертка хлебных крошек ul to ol
 

1.5.26

 * 2022-06-04 - исправлено - Предки терминов, исправлена ​​проблема с родительскими терминами.
 

1.5.25

 * 2022-04-18 - add - добавлена ​​поддержка перевода WPML.
 

1.5.24

 * 09.07.2021- add - добавлен пользовательский текстовый элемент.
* 2021-07-09- add - исправлена ​​проблема с категорией продукта и элементом тега продукта.
 

1.5.23

 * 2021-07-08- исправлено - отсутствует категория сообщений, добавлены элементы тегов сообщений
 

1.5.22

 * 2021-07-08- add - добавлена ​​поддержка пользовательских типов записей в конструкторе.
* 2021-07-08- add - добавлена ​​поддержка пользовательских таксономий в конструкторе.
 

1.5.21

 * 2021-06-26-обновление - настраиваемый html(значки шрифтов) на домашнем тексте. 
 

1.5.20

 * 2021-04-16- исправлено - исправлена ​​ошибка php
 

1.5.19

 * 2021-04-15 - исправить - незначительное обновление безопасности
 

1.5.18

 * 2021-04-13- исправление - обновление проблемы безопасности
 

1.5.17

 * 2020-06-11- добавить - отображать первую категорию сообщений, если слаг категории отсутствует в URL-адресе
 

1.5.16

 * 10.06.2020 - добавить - Опубликовать элемент предков для страницы.
 

1.5.15

 * 2020-02-06 - добавить - «Заголовок тега» для тегов продуктов woocommerce в конструкторе хлебных крошек
* 06.02.2020 — добавлено — «Магазин» для категорий продуктов woocommerce в конструкторе хлебных крошек
* 06.02.2020 - обновление - оптимизация загрузки фреймворка "настройки-вкладки" css и js.
 

1.5.14

 * 06.02.2020 - исправлено - Исправлена ​​ошибка "Нет названия".
 

1.5.13

 * 05.02.2020 - исправлено - Исправлена ​​проблема с невозможностью повторного объявления хлебных крошек (breadcrumb_main_items()). 
 

1.5.12

 * 05.02.2020 - добавлено - добавлена ​​опция для удаления хлебных крошек WooCommerce по умолчанию.
 

1.5.11

 * 03.02.2020 - добавлено - проблема категории var_export построителя хлебных крошек исправлена.
* 03.02.2020 - добавлено - исправлена ​​проблема с выводом тега построителя хлебных крошек.
* 03.02.2020 - add - добавлено больше туториалов
 

1.5.10

 * 03.02.2020 - add - добавлен построитель хлебных крошек.
 

1.5.9

 * 2020-02-02 - исправлено - исправлена ​​проблема с категориями родитель-потомок.
* 2020-02-02 - удалить - удалить значение по умолчанию для параметров.
 

1.5.8

 * 31.01.2020 - add - добавлено больше туториалов
* 31.01.2020 - исправлено - исправлена ​​проблема с переводом для некоторых строк.
 

1.5.7

 * 31.01.2020 - добавлено - добавлена ​​ссылка на учебники в разделе справки
 

1.5.6

 * 30.01.2020 - добавить - скрыть хлебные крошки css для пустых аргументов. 
 

1.5.5

 * 2020-01-30 - add - добавлен хук действия (breadcrumb_main) для области хлебных крошек
* 30.01.2020 - добавлено - добавлен фильтр-хук Breadcrumb_items_array
* 30.01.2020 - добавлено - добавлен хук действия "breadcrumb_main_item_loop"
* 30.01.2020 - add - добавлен хук-фильтр breadcrumb_link_text
* 30.01.2020 - добавлено - добавлен хук-фильтр breadcrumb_link_url
* 2020-01-30 - add - добавлено поле ввода для добавления пользовательских javascripts
* 30.01.2020 - добавлено - добавлена ​​разметка схемы внизу хлебных крошек.
 

1.5.4

 * 2020-01-28 - исправлено - исправлена ​​проблема с постоянной ссылкой на один пост
 

1.5.3

 * 07.03.2019 - добавить - Текст по умолчанию для пустого заголовка.
 

1.5.2

 * 29.05.2019 - исправлено - исправлена ​​проблема с предварительным просмотром.
 

1.5.1

 * 24.04.2019 - обновление - переписать плагин.
* 24.04.2019 - обновление - обновлены настройки админа.