Где мои «Хлебные крошки»?

От admin, 27 мая 2016, просмотров 2007

Текст мой и только мой, код общий

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

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

Итак открываем файл functions.php и добавляем :

Вместо «Главная» можно добавить своё название.Также можно изменить и разделитель на свой и ли на картинку заменив вот это  »  на свой значок или картинку. Но здесь у нас нет микроразметки ,и мы её сейчас сразу прикрутим.

В каждый отдельный элемент цепочки  div добавляем :

itemscope itemtype="https://data-vocabulary.org/Breadcrumb".

В каждый тег a нужно добавить :

itemprop="url" – определяет значение url

itemprop="title" – определяет значение заголовка элемента 

Чтобы подключить словарь schema.org , код оборачивается в div с параметром:

xmlns:v="https://rdf.data-vocabulary.org/#"

Получается вот так :

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

Оформляем крошки,открываем файл styles.css и добавляем немного стилей:

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


Работа должна приносить удовлетворение ,ну и не большое вознаграждение $


Понравилась статейка ? Поделись с друзьями :



Комментариев нет


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

Свежие комментарии

137 / 0,831 / 33.99mb