Хлебные крошки для 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 Звезд (6 оценок, среднее: 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! Не знаю, случайность ...

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

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

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

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

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

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