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

breadcrumbs2Сегодня на Zarabotokvseti.net, мы разберем: что такое "Хлебные крошки" или по другому "Breadcrumbs", далее "ХК" и для чего они нужны, а также научимся вставлять на наш блог и красиво оформлять.

Оглавление:

  1. Хлебные крошки на сайте что это
  2. Как сделать хлебные крошки
  3. Плагин хлебные крошки
  4. Хлебные крошки без плагина
  5. Красивые хлебные крошки

Хлебные крошки на сайте что это

Хлебные крошки это атрибут, способствующий внутренней перелинковке сайта, как и "Карта сайта для людей". Ещё их можно классифицировать, как вспомогательный элемент навигации блога.

Это означает, что они как JPS показывают текущие координаты местонахождения читателя в рамках отдельного ресурса. Другими словами "Breadcrumbs" показывают степень отдаленности читаемой записи от главной страницы.

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

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

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

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

 Плагин хлебные крошки

Один из самых известных это Breadcrumb NavXT. Для его установки копируем название и нажимаем вкладку "Плагины" в меню административной панели WordPress.

В открывшемся окне кликаем на "Добавить новый" и вставляем название плагина в строку "Поиск плагинов". Из появившихся, выбираем нужный и нажимаем кнопку "Установить", а затем "Активировать".

Сразу хочу предупредить, что данный плагин все таки предусматривает, хоть и минимально, но работу с кодом. Поэтому я постараюсь объяснить всё, более детально!

Удобнее всего воспользоваться FTP - клиентом на базе текстового редактора "Notepad++".

С помощью вышеуказанного инструмента заходим в single.php(файл отвечающий за отображение ваших статей на блоге) и копируем туда следующий код сразу после первой строки.

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

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

Поэтому наводим курсор на вкладку "Настройки" и в появившемся списке выбираем "Breadcrumb NavXT". Теперь мы окажемся в настройках плагина. Нам понадобится только раздел "Основные".

  1. Нам нужно вставить галочку в чек бокс "Длина заголовка" и ограничить её нужным количеством символов.
  2. Чек бокс напротив "Показывать текущую позицию в виде ссылки" оставляем пустым.
  3. Нам нужно задать в "Шаблон ссылки на главную" вместо  %htitle% на "Главная".

zamena-nazvaniya bloga na glavnaia

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

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

Для вывода ХК без плагина нам нужно подправить код в "single.php" вашего шаблона. Для этого нажимаем в Notepad++ на кнопку "Найти" в виде бинокля и в строку "Найти" копируем эту строчку 

и нажимаем "Искать далее". Этот код должен высветиться в редакторе. И вот прямо перед светящейся строкой Внедряем следующий код

После этого "ХК" уже должны осуществлять свою основную функцию. Так что можно уже визуально насладиться плодами вашего труда!

Красивые хлебные крошки

Чтобы наш конечный продукт выглядел красиво, открываем файл "style.css" и вставляем в него этот код! Редактируем переменные на своё усмотрение, и получаем желаемый результат!

На этом у меня все! А как Вы думаете? Нужны ли вообще на сайте "Breadcrumbs"?!


 

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (8 оценок, среднее: 5,00 из 5)
Загрузка...

\\\\\\\\\\\\\\\\ Как привлечь посетителей на сайт
Сегодня на Zarabotokvseti.net хочу рассмотреть одну из главных причин, того, ради чего 96% блогеров ведут свои дневники. Это "Читатели"!!!  Всё это ради них! Поэтому, речь ...
\\\\\\\\\\\\\\\\ Карта сайта для людей на WordPress?! Плагин WP DS Blog Map
Карта сайта для посетителей sitemap Сегодня на Zarabotokvseti.net будем учиться делать карту сайта - "КС" для посетителей с помощью плагина WP DS Blog ...
\\\\\\\\\\\\\\\\ Как правильно написать статью для сайта?! Статья образец
Сегодня на Zarabotokvseti.net хочу сделать для себя и всех заинтересованных шпаргалку, о том, что такое правильная seo оптимизация статьи. Чтобы отныне, всегда иметь её под рукой ...
\\\\\\\\\\\\\\\\ Подписаться на комментарии. Плагин «Subscribe to comments»
Добрый день коллеги и гости моего блога! Сегодня хочу рассказать о плагине "Subscribe to comments". Этот плагин, дает возможность читателю Вашего блога, подписаться на уведомления ...
\\\\\\\\\\\\\\\\ Взаимная и бесплатная раскрутка блогов
Добрый день коллеги и гости моего блога! Вчера вечером случайно заметил, что у моего детища появилась первая оценка от Яндекса - ТИЦ10! Не знаю, случайность ...

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

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

    Тем более, что регулярно обновляю и то, и другое до актуальных версий. Но сейчас большинство шаблонов уже содержат в себе функционал хлебных крошек. Если по какой-то причине нет возможности или желания перейти на новый шаблон, то думаю, что существуют плагины, которые не требуют менять код. Зато в стили шаблона вмешиваюсь по полной, подгоняя под свои нужды. Но и то не в style.css, а в custom css шаблона. Благо такая возможность в моём шаблоне присутствует…

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

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

    А вот почему так называется? Тост в студию!surprise

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

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

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

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

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

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

    Федор Тимофеев.

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

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

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