Как автоматически перелинковать страницы в WordPress с помощью хлебных крошек и плагина Breadcrumb NavXT

Июль 1st, 2017

realnodengi

Доброго времени суток, уважаемые читатели realnodengi.ru. Сегодня я посвящу свой рассказ плагину для WordPress, который используется на моем сайте для двух очень важных функций. С одной стороны он облегчает навигацию по ресурсу на WordPress движке, а с другой стороны, что тоже очень важно, он решает важную проблему — создает автоматически правильную внутреннюю перелинковку. Чтобы не испытывать ваше терпение сразу скажу, что называется такой полезный плагин — Breadcrumb NavXT. Теперь обо всем не спеша и в порядке очереди.

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

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

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

Как установить на WordPress плагин Breadcrumb NavXT — хлебные крошки

Для начинающего вебмастера термин хлебные крошки может быть неизвестен (я сам тоже не сразу узнал о нем). Хлебные крошки:

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

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

Процедура установки плагина на движок WordPress совершенно стандартная, которую Вы сможете подглядеть в статье Плагины и как их залить на сайт. Короче, создайте FTP соединение со своим сайтом или блогом, проводником в котором будет Total Commander. Открываете на сервере корневую папку «publiс_html», там найдете папку «wp-content», а в ней папку «plugins», вот туда и следует залить скачанный плагин Breadcrumb NavXT (предварительно разархивированный). Все, теперь плагин находится на вашем сайте.

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

Вставка в файлы шаблона для WordPress кода, вызывающего хлебные крошки

Следующая часть наших действий будет не совсем привычной для новичка мало знакомого со структурой тем (шаблонов) WordPress, но вполне решаемой, т.к. знаю из личного опыта (я сумел, а я не какой-нибудь гений, значит, и Вы сможете). Дальше буду рассказывать, как я сам сделал вывод хлебных крошек в WordPress, а Вы сможете повторить все за мной. Главное соберитесь и будьте предельно внимательны. Вам сейчас надо будет выбрать место в шаблоне (теме) WordPress, где будет выводиться строка с хлебными крошками и в это место вставить код функции плагина Breadcrumb NavXT:


class="breadcrumb">


if(function_exists('bcn_display'))

{

 bcn_display();

}
?>

Для начала надо подключиться к вашему WP сайту или блогу по FTP и открыть папку с темой, которая в данный момент используется для морды вашего сайта (блога):

publiс_html/wp-content/themes/название вашей темы WordPress

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

1. ARCHIVE — создает страницы рубрик, временных архивов, архивов тегов;

2. INDEX — его функции формирование главной страницы WordPress;

3. PAGE — создает статические страницы в WordPress;

4. SEARCH — формирует страницу с результатами поиска по WP сайту;

5. SINGLE — у этого файла удел формирование страниц со статьями в WordPress.

Я вставил код во все выше перечисленные файлы, только не уделил внимание INDEX, который как Вы теперь уже знаете, отвечает за главную страницу шаблона WP и не нуждается в излишней навигации. Процедура вставки кода производится через FTP протокол Тотала с помощью редактора Notepad++. Как прикрутить редактор к Total Commander мы рассматривали, и действия как открыть файл после прикрутки для редактирования редактором Notepad мы тоже уже рассмотрели (в Тотале выделям нужный файл и нажимаем «Правка»). Вам останется только открывать приведенные выше в таблице фалы и в них производить ниже описанные изменения.

Код вызова плагина Breadcrumb NavXT в файлы своей темы я вставлял у всех в одно и то же место в самом начале кода сразу после первой строки:

В принципе все, но для полноты раскрываемой темы нужно добавить. Если Вы желаете менять размер, цвет хлебных крошек, то можно добавить несколько CSS свойств в файл таблицы каскадных стилей STYLE.CSS для класса BREADCRUMB:

.breadcrumb {

font:bolder 12px "Trebuchet MS", Verdana, Arial;

padding-bottom: 10px;

}

.breadcrumb a{

color: 1E90FF;

}

.breadcrumb a:hover {

color: FF0000;

}

Где:

(font:bolder 12px «Trebuchet MS», Verdana, Arial;) — размер и тип шрифта

(padding-bottom: 10px;) — отступы от соседних элементов дизайна

(.breadcrumb a) – определяет цвет ссылок

(.breadcrumb a:hover) – определяет цвет ссылок при наведении на них курсора мыши

Теперь с кодом вызова хлебных крошек все, осталось настроить сам плагин Breadcrumb NavXT.

Настройка плагина Breadcrumb NavXT, расставляющего на автомате хлебные крошки в WordPress

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

Для настройки идете следующим путем: админка вашего WordPress > Настройки > Breadcrumb NavXT. В открывшемся окне выбираем «Основные» — здесь можно менять параметры, которые будут использоваться для всех страниц вашего WP сайта:

1. «Разделитель» — здесь задается символ, который разделяет хлебные крошки.

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

>	>

"	«
¦	¦
«	«
¤	¤
§	§
&	&
®	®
·	•
€	€

2. «Длинна заголовка» — тут задается длина анкора в хлебных крошках, которая измеряется в количестве символов (букв). Сразу хочу предупредить, что ссылки с хлебных крошек рассматриваются поисковыми роботами как дополнительные анкоры и как они отнесутся к повторениям анкоров известно только самим роботам, поэтому на всякий случай лучше ограничить длину ссылки в крошках в 50 -70 символов. Такая небольшая предосторожность добавит уникальных анкоров к уже имеющимся и это тоже плюс для поисковой оптимизации.

3. «Текущая позиция» — напротив «Показывать текущую позицию в виде ссылки» ставим галочку — да

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

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

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

6. «Сохранить изменения» — эта кнопка сохранит ваши изменения (не забудьте на нее нажать).

Как только Вы сохраните изменения во вкладке «Основные» можно приступить к следующим настройкам во вкладке «Записи и страницы» — в этом окне хлебных крошек я настроил «Записи»:

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

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

3. Жмем «Сохранить изменения».

Все остальное настройки я оставил по умолчанию. Примерно так я настроил плагин Breadcrumb NavXT, кто настроил его как-нибудь по-иному, пишите в комментарии, будет полезно всем.

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

Posted in Как создать свой сайт

You can leave a response, or trackback from your own site.

Ссылки