Разделитель изображения yoast breadcrumb

Я работаю с Wordpress CMS и использую Yoast Breadcrumbs ( http://wordpress.org/extend/plugins/breadcrumbs/ или http://yoast.com/wordpress/breadcrumbs/), чтобы добавить крошку на сайт, но в В моем случае мне нужно заменить разделитель изображением, как на картинке ниже:

Изображение выше - это вывод, который мне нравится реализовывать. И вывод Yoast Breadcrumbs по умолчанию выглядит следующим образом You are here: Home » Uncategorized » Hello world! и у плагина есть и опция admin для редактирования разделителя, но он запрещает использование тега HTML.

Источник

4 ответа

Решение

Yoast breadcrumb теперь заменяется плагином WordPress SEO в соответствии с: http://yoast.com/wordpress/breadcrumbs/ вы можете настроить разделитель крошек в администраторе Wordpress SEO в разделе Internal Links

Источник

Существует гораздо более чистый способ сделать это.

Прочитайте http://hookr.io/filters/wpseo_breadcrumb_separator/, здесь они упоминают хук. Если вы используете этот хук, вы можете легко перезаписать разделитель по умолчанию HTML.

Например:

function filter_wpseo_breadcrumb_separator($this_options_breadcrumbs_sep) {
    return '<i class="fa fas fa-chevron-right"></i>';
};

// add the filter
add_filter('wpseo_breadcrumb_separator', 'filter_wpseo_breadcrumb_separator', 10, 1);
Источник

Я понимаю, что это старый пост, но я нашел это при поиске той же проблемы сегодня. Начиная с Yoast SEO версии 3.2.3, вы МОЖЕТЕ поместить HTML в поле "Разделитель между хлебными крошками:" в расширенных настройках плагина. Я использовал этот код, например, где я использую Font Awesome, но вы можете легко сделать то же самое для изображения в вашей таблице стилей:

<span class="divider"></span>

И мой CSS:

p#breadcrumbs span.divider:before {
    content: '\f105';
    font-family: 'FontAwesome';
    padding-left: 10px;
    padding-right: 6px;
}

Надеюсь, это поможет некоторым =)

Источник

В настройках разделителя вы можете добавить <span class="sprite breadcrumb-seperator">»</span>Таким образом, у вас есть видимый разделитель. Но вы можете установить спрайт на основе изображения на нем.

Источник
Другие вопросы по тегам