Использование плагина Breadcrumb NavXT
6
Апр
2011
Плагин Breadcrumb NavXT – один из основных плагинов, который лучше установить сразу, на первом этапе продвижения блога. Breadcrumb NavXT – инструмент, создающий дополнительную навигацию на блоге, благодаря которой пользователь может проследить путь его путеществия по сайту или записи, которые окружают изучаемую статью. К тому же, немаловажно и то, что с недавнего времени Google начал выдавать в поиске “хлебные крошки”, что позволяет привлечь трафик.
Для начала надо проследовать на страничку и скачать необходимый плагин. Установить плагин можно 2-мя способами: вручную, закинув его в директорию /wp-content/plugins, или же автоматически через админку wordpress (меню “плагины” – “добавить новый” – “загрузить файл”). Если вы выбрали автоматическую устновку пагина, то в появившемся окне необходимо указать параметры подключения к ftp выданные вашим хостинг-провайдером:
После того, как плагин был успешной активации в меню Настройки появляется строка Breadcrumb NavXT.
Но это еще не все, для полной активации необходимо провести редактирование некоторых файлов шаблона, вставив в них код активации “хлебных крошек”. Сам код имеет слудющий вид:
<div>
<!–?php
if(function_exists(‘bcn_display’))
{
bcn_display();
}
?–></div>
Данный код мы будем прописывать в следующие файлы шаблона: single.php (выводит статьи), archive.php (статьи в архиве), search.php (статьи, найденные посредством поиска на блоге), page.php ( выводит страницы). Все это тоже можно сделать двумя способами: вручную (ищем файл на фтп серваке и его правим) или автоматически (заходим в Дизайн и выбираем пункт Редактирование , а дальше активируем нужный файл, предположим single.php). Но есть одна проблема – на некоторых версиях wordpress в списке файлов шаблона нет ни single, ни page, данный случай относится и ко мне тоже, поэтому я прописывала все вручную. Каким бы способом вы ни воспользовались, код для вставки в файл все равно одинаков и вставляется после слудющей записи:
<!–?php get_header(); ?–>
Далее. Можно создать для нашей дополнительной навигации стиль. Открываем файл style.css и прописываем несколько свойств классом “breadcrumb”:
.breadcrumb {
font:bolder 12px Georgia;
padding-bottom: 1px;
padding: 4px 8px;
color: #FFffff!important;
background:#9C1718 ;
border: 0 !important;
}
.breadcrumb a{
color: #ffffff;!important;
}
.breadcrumb a:hover {
color: #ffffff;
background:#C9CACB !important;
}
— font:bolder 12px Georgia; — это размер и тип шрифта
— padding-bottom: 1px; — отступы
— color: цвет текста
— padding: отступы текста
— background: цвет фона , на котором расположатся хлебные крошки
— .breadcrumb a — цвет ссылок
— .breadcrumb a:hover — цвет ссылок при наведение курсора мышки
— background : цвет фона при наведении
Этот код можно установить в самом низу файла style.css
Сохраняем изменения. На этом редактирование закончено
Переходим к настройкам. Во вкладке “Общее” есть трока “Разделитель” в ней можно указать способ разделения разделов, к которых побывал пользователь. Вид разделителя указывается с помощью мнемокода, вот некоторые из них:
Код Символ
< <
¦ ¦
> >
¤ ¤
° °
· •
Затем можно указать “Максимальную длинну” анкора хлебных крошек, которая учитывается поисковиками для передачи статического веса. Если мы поставим галочку в поле “Домашняя сылка ” то в пути будет отображаться ссылка на главную страницу. Зачастую это ключевое слово или анкор. Ставим галочку в поле «Отображать ссылку на текущую позицию». Если данную галочку не установить, то отражение данной стаить будет происходить в виде простого текста.
Сохраняем изменения.
Если вы не хотите пропустить важные записи по оптимизации в “Блоге seoшницы”, то предлагаю подписать на новые материалы в удобной для вас форме.
Спасибо за внимание!
2leep.com
Похожие статьи