WordPress хлебные крошки

Wordpress хлебные крошки

Хлебные крошки (breadcrumbs), это цепочка переходов от страницы к странице, которые совершил посетитель сайта. Она показывает путь, проделанный посетителем от главной страницы до текущей. Изначально такие цепочки применялись в работе файловых менеджеров, таких как Volkov Commander и Norton Commander. В менеджерах они нужны для того, чтобы легко находить корневую папку. Такая дублирующая навигация сайта благоприятно влияет на юзабилити и SEO.

Для чего нужны хлебные крошки

хлебные крошки WordPress

Существует 10 общепринятых принципов юзабилити. Их сформулировал известный автор книг по веб-дизайну Якоб Нильсен. Первый из этих принципов называется «видимость статуса темы». Согласно данному принципу, посетитель всегда должен четко понимать, в какой он находится части сайта. Так вот, хлебные крошки необходимы для реализации принципа видимости. Современные дизайнеры поддерживают важность принципа и настаивают на том, что он особенно важен для полноценной работы интернет-магазинов, информационных ресурсов и корпоративных сайтов.

«Хлебные крошки» оказывают положительный эффект на SEO. Он заключается в следующих функциях:

  • в поисковой системе Гугл при наличии «хлебных крошек» с микроразметкой улучшается вид сниппета (видимой в списке выводимых сайтов текстовой строки) и повышает его кликабельность.
  • позволяет увеличить глубину просмотра сайта и улучшает показатели времени пребывания;
  • навигационная цепочка является естественным элементом перелинковки страниц.

Дублирующая навигация необходима для решения сразу нескольких задач относительно юзабилити:

  • возможность не используя кнопку возврата в браузере, возвращаться на предыдущий уровень вложенности;
  • раскрыть структуру ресурса, сделать ее наглядной и понятной;
  • обеспечить пользователю возможность видеть свое местоположение на сайте.

Какими бывают «хлебные крошки»

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

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

Иногда веб мастера применяют оба принципа. При этом для навигации по сайту в целом применяется линейная функция, а для страниц, на которые посетитель попал через поиск по сайту, работает кнопка «назад». Если на страницах будут присутствовать оба варианта одновременно, это будет негативно сказываться на SEO и юзабилити. На каждой из них должен быть реализован один из вариантов.

Есть еще один принцип – атрибутивный. Он предполагает построение пути на основании индивидуально заданных фильтров. Когда посетитель меняет свойства фильтра, он получает новый путь к карточке определенного товара.

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

хлебные крошки WordPress

Для сайта, функционирующего на любом движке, в том числе и WordPress, можно создать «хлебные крошки». Это осуществляется при помощи различных плагинов, CSS и PHP. Но какой бы способ не был выбран, следует придерживаться определенных правил, позволяющих повысить оптимизацию сайта, и предотвращающих ее снижение.

При использовании линейной цепочки нельзя пропускать страницы-звенья. Последняя страница, на которой посетитель находится в данный момент, это тоже звено цепочки, и оно должно быть отображено в навигации. Иногда на сайтах в навигацию не включают конечную страницу, если это карточка товара. С точки зрения логики это может быть и верно, но для посетителя такая «обрезанная» цепочка выглядит странно, и может сбить его с толку.

Еще один важный нюанс – не стоит при создании навигации вписывать ключевые фразы, если они не очень органично вписываются. Анкор навигационной ссылки должен иметь минимальную длину. К тому же он должен быть очень точным, и притягивать в него ключ не рекомендуется.

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

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

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

Для того чтобы сайт наилучшим образом выводился Гуглом, нужно сделать микроразметку строки навигации. То есть каждый шаг, ведущий от главной страницы до той, которая выводится в поисковике нужно оформить как отдельную ссылку. Это осуществляется путем обертывания каждого элемента в блок (div), и добавления атрибута (itemprop= «url»). В готовый блок нужно добавить атрибут itemprop= «title».

Навигационные ссылки не должны быть цикличными. Название конечной страницы должно иметь вид обычного текста, а не ссылки. Иначе получится, что последний пункт цепочки отправляет со страницы на нее же, а этого быть не должно.

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

Плагины

Для установки «хлебных крошек» на сайте применяются различные плагины. Рассмотрим самые популярные из них.

Плагин Breadcrumb NavXT

Плагин Breadcrumb NavXT

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

Breadcrumb NavXT поддерживает несколько языков. Однако отсутствие встроенных тем оформления, является существенным недостатком плагина. При его использовании появляется необходимость отдельно находить и устанавливать стили. Но они в достаточном количестве предлагаются в сообществах веб мастеров. Зато есть возможность использовать многочисленные тонкие настройки. Последние версии плагина выпущены на русском языке.

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

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

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

<div class=”breadcrumb”>

<?php

if(function_exists(‘bcn_display’))

{

bcn_display();

}

?>

</div>

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

Приведенный выше код необходимо вставить в шаблон статистических страниц page.php и шаблон страниц записей single.php. В рубриках за эту функцию отвечает шаблон archive.php или category.php в зависимости от темы. В них следует отыскать строку с функцией вызова шапки сайта:

<?php get_header(); ?>

Сначала код вставляется в шаблоны. Он начинает работать в соответствии с настройками по умолчанию. После этого отображение «хлебных крошек» можно настроить по собственному усмотрению.

Чтобы откорректировать отображение навигационной цепочки можно добавлять в файл style.css различные темы, такие как эти:

.breadcrumb {

font:15px “Trebuchet MS”, Verdana, Arial;

padding-bottom: 10px;

line-height:1.5;

}

.breadcrumb a {

color: #1B7499;

}

.breadcrumb a:hover {

color: #EF0E0E;

}

Данные темы позволяют изменять цвет ссылки и ее окрас при наведении курсора. При желании можно отыскать и применить другие.

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

Чтобы повысить читаемость ссылки, можно внедрить в style.css следующее правило:

.breadcrumb span[property=”name”]:hover {

max-width: none;

}

Оно будет снимать ограничение по длине названия при наведении на него курсора. Таким образом, посетитель при необходимости сможет увидеть полное название страницы в цепи.

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

Плагин Yoast WordPress SEO

Плагин Yoast WordPress SEO

Одна из нескольких основных функций данного плагина – создание вспомогательного меню. В нем предусмотрены различные функции для расширенной оптимизации SEO. Для редактирования с помощью этого расширения блока со ссылками нужно зайти в админпанель вордпресс, в раздел «SEO» и выбрать подпункт «дополнительно». Настройка плагина не так элементарна, как в предыдущем варианте, но Yoast WordPress SEO предпочитают многие профессионалы, заинтересованные в качественном продвижении блога.

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

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

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

Плагин Breadcrumb Trail

Плагин Breadcrumb Trail

Этот плагин позволяет очень быстро создавать на сайте «хлебные крошки». Изначально он был разработан как небольшой простой скрипт. Со временем его авторы развили проект до уровня продвинутой программной системы.

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

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

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

Устанавливается плагин непосредственно из админпанели. Нужно зайти на страницу, где расположены все установленные плагины, нажать на кнопку «добавить новый», в открывшейся строке поиска ввести название данного программного продукта, и установить его по подсказкам. Далее расширение активируют и настраивают.

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

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

По желанию можно включить или отключить атрибут title для ссылок. Можно, также, подобрать подходящий шрифт «хлебных крошек» и основных категорий вспомогательного меню. Есть возможность подключить показ домашней ссылки и всплывающих подсказок.

Плагин Really Simple Breadcrumb

Плагин Really Simple Breadcrumb

Качественный программный продукт, разработанный для оптимизации сайтов на WordPress. Устанавливается через административную панель. Чтобы навигация появилась на сайте нужно прописать соответствующий код над строкой вывода заголовка. В 17 строчке файла breadcrumb.php можно отредактировать тип разделителя для ссылки.

Чтобы получить «хлебные крошки» с такой полезной для отображения в Гугле микроразметкой, ее нужно добавлять самостоятельно, так как эта функция не добавлена в плагин Really Simple Breadcrumb. По причине отсутствия микроразметки данное расширение редко используется начинающими дизайнерами. Но опытные специалисты, для которых ничего не стоит дополнить функциональность плагина, выбирают его за корректную и безотказную работу.

Плагин DP RDFa Breadcrumb Generator

Плагин DP RDFa Breadcrumb Generator

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

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

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

 

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

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

Для введения «хлебных крошек» нужно в файл functions.php после первого <?php вставить такой код:

// хлебные крошки

function dimox_breadcrumbs() {

$showOnHome = 0; // 1 – показывать “хлебные крошки” на главной странице, 0 – не показывать

$delimiter = ‘&raquo;’; // разделить между “крошками”

$home = ‘Главная’; // текст ссылка “Главная”

$showCurrent = 1; // 1 – показывать название текущей статьи/страницы, 0 – не показывать

$before = ‘<span class=”current”>’; // тег перед текущей “крошкой”

$after = ‘</span>’; // тег после текущей “крошки”

global $post;

$homeLink = get_bloginfo(‘url’);

if (is_home() || is_front_page()) {

if ($showOnHome == 1) echo ‘<div id=”crumbs”><a href=”‘ . $homeLink . ‘”>’ . $home . ‘</a></div>’;

} else {

echo ‘<div id=”crumbs”><a href=”‘ . $homeLink . ‘”>’ . $home . ‘</a> ‘ . $delimiter . ‘ ‘;

if ( is_category() ) {

global $wp_query;

$cat_obj = $wp_query->get_queried_object();

$thisCat = $cat_obj->term_id;

$thisCat = get_category($thisCat);

$parentCat = get_category($thisCat->parent);

if ($thisCat->parent != 0) echo(get_category_parents($parentCat, TRUE, ‘ ‘ . $delimiter . ‘ ‘));

echo $before . single_cat_title(”, false). $after;

} elseif ( is_day() ) {

echo ‘<a href=”‘ . get_year_link(get_the_time(‘Y’)) . ‘”>’ . get_the_time(‘Y’) . ‘</a> ‘ . $delimiter . ‘ ‘;

echo ‘<a href=”‘ . get_month_link(get_the_time(‘Y’),get_the_time(‘m’)) . ‘”>’ . get_the_time(‘F’) . ‘</a> ‘ . $delimiter . ‘ ‘;

echo $before . get_the_time(‘d’) . $after;

} elseif ( is_month() ) {

echo ‘<a href=”‘ . get_year_link(get_the_time(‘Y’)) . ‘”>’ . get_the_time(‘Y’) . ‘</a> ‘ . $delimiter . ‘ ‘;

echo $before . get_the_time(‘F’) . $after;

} elseif ( is_year() ) {

echo $before . get_the_time(‘Y’) . $after;

} elseif ( is_single() && !is_attachment() ) {

if ( get_post_type() != ‘post’ ) {

$post_type = get_post_type_object(get_post_type());

$slug = $post_type->rewrite;

echo ‘<a href=”‘ . $homeLink . ‘/’ . $slug[‘slug’] . ‘/”>’ . $post_type->labels->singular_name . ‘</a> ‘ . $delimiter . ‘ ‘;

if ($showCurrent == 1) echo $before . get_the_title() . $after;

} else {

$cat = get_the_category(); $cat = $cat[0];

echo get_category_parents($cat, TRUE, ‘ ‘ . $delimiter . ‘ ‘);

if ($showCurrent == 1) echo $before . get_the_title() . $after;

}

} elseif ( !is_single() && !is_page() && get_post_type() != ‘post’ && !is_404() ) {

$post_type = get_post_type_object(get_post_type());

echo $before . $post_type->labels->singular_name . $after;

} elseif ( is_attachment() ) {

$parent = get_post($post->post_parent);

$cat = get_the_category($parent->ID); $cat = $cat[0];

echo get_category_parents($cat, TRUE, ‘ ‘ . $delimiter . ‘ ‘);

echo ‘<a href=”‘ . get_permalink($parent) . ‘”>’ . $parent->post_title . ‘</a> ‘ . $delimiter . ‘ ‘;

if ($showCurrent == 1) echo $before . get_the_title() . $after;

} elseif ( is_page() && !$post->post_parent ) {

if ($showCurrent == 1) echo $before . get_the_title() . $after;

} elseif ( is_page() && $post->post_parent ) {

$parent_id = $post->post_parent;

$breadcrumbs = array();

while ($parent_id) {

$page = get_page($parent_id);

$breadcrumbs[] = ‘<a href=”‘ . get_permalink($page->ID) . ‘”>’ . get_the_title($page->ID) . ‘</a>’;

$parent_id = $page->post_parent;

}

$breadcrumbs = array_reverse($breadcrumbs);

foreach ($breadcrumbs as $crumb) echo $crumb . ‘ ‘ . $delimiter . ‘ ‘;

if ($showCurrent == 1) echo $before . get_the_title() . $after;

} elseif ( is_search() ) {

echo $before . ‘Результаты поиска по запросу “‘ . get_search_query() . ‘”‘ . $after;

} elseif ( is_tag() ) {

echo $before . ‘Записи с тегом “‘ . single_tag_title(”, false) . ‘”‘ . $after;

} elseif ( is_author() ) {

global $author;

$userdata = get_userdata($author);

echo $before . ‘Статьи автора ‘ . $userdata->display_name . $after;

} elseif ( is_404() ) {

echo $before . ‘Error 404’ . $after;

}

if ( get_query_var(‘paged’) ) {

if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ‘ (‘;

echo __(‘Page’) . ‘ ‘ . get_query_var(‘paged’);

if ( is_category() || is_day() || is_month() || is_year() || is_search() || is_tag() || is_author() ) echo ‘)’;

}

echo ‘</div>’;

}

} // end dimox_breadcrumbs()

Данный вариант кода прописан так, чтобы в навигационной строке не было видно название поста. Чтобы оно появилось нужно после showCurrent = вместо нуля поставить единицу. Это делается в 3 строке кода:

showCurrent = 0; // 1 – показывать название текущей статьи/страницы, 0 – не показывать

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

После установки кода изменения в файле надо сохранить.

Чтобы заработали «хлебные крошки» нужно в файлы страниц, на которых они должны отображаться после фразы <div id=”content”> ввести код:

<?php if (function_exists(‘dimox_breadcrumbs’)) dimox_breadcrumbs(); ?>

Вводить нужно в эти файлы:

  • single.php;
  • page.php;
  • arhvie.php;
  • search.php.

Крошки появятся на страницах после изменения их кодов. Изменение в каждом файле нужно сохранять.

Хлебные крошки при помощи PHP

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

Некоторые специалисты решают не перегружать файл functions.php, и вставляют код навигации просто в шаблон. Это осуществляется следующим способом. Сначала нужно создать пустой текстовый файл, присвоить ему название breadcrumbs.php и скопировать в него вот это код:

<?php if ( have_posts() ) …

<div id=”breadcrumbs”>

<?php if (is_home()) { ?>

<?php } elseif (is_single()) { ?>

<a href=”<?php echo get_option(‘home’); ?>”>Главная</a> &laquo;

<?php foreach((get_the_category()) as $cat) {

$cat=$cat->cat_ID;

echo(get_category_parents($cat, TRUE, ‘ &laquo; ‘)); } ?>Пост “<?php the_title(); ?>”

<?php } elseif (is_page()) { ?>

<a href=”<?php echo get_option(‘home’); ?>”>Главная</a> &laquo; Страница “<?php the_title(); ?>”

<?php

} elseif (is_category() and get_category($cat)->parent) { ?>

<a href=”<?php echo get_option(‘home’); ?>”>Главная</a> &laquo;

Рубрика <?php foreach((get_the_category()) as $cat) {

$cat=$cat->cat_ID;

echo(get_category_parents($cat, TRUE, ‘ &laquo; ‘)); } ?>

<?php

} elseif (is_category()) { ?>

<a href=”<?php echo get_option(‘home’); ?>”>Главная</a> &laquo;

Рубрика “<?php {echo single_cat_title();} ?>”

<?php } elseif (is_tag()) { ?><a href=”<?php echo get_option(‘home’); ?>”>Главная</a> &laquo; Архив тега

<?php } elseif (is_day()) { ?><a href=”<?php echo get_option(‘home’); ?>”>Главная</a> &laquo; Архив записей

<?php } elseif (is_month()) { ?><a href=”<?php echo get_option(‘home’); ?>”>Главная</a> &laquo; Архив записей

<?php } elseif (is_year()) { ?><a href=”<?php echo get_option(‘home’); ?>”>Главная</a> &laquo; Архив записей

<?php } elseif (is_author()) { ?>

<a href=”<?php echo get_option(‘home’); ?>”>Главная</a> &laquo; Страница автора

<?php } elseif (is_search ()) { ?>

<a href=”<?php echo get_option(‘home’); ?>”>Главная</a> &laquo; Результаты поиска

<?php } elseif (is_404()) { ?>

<a href=”<?php echo get_option(‘home’); ?>”>Главная</a> &laquo; Ошибка 404

<?php } elseif (isset($_GET[‘paged’]) && !empty($_GET[‘paged’])) { ?><h3>Архивы</h3>

<?php } ?>

</div>

Далее файл следует залить в шаблон темы используя ftp клиент filezilla. В редакторе темы должен отобразиться файл breadcrumbs.php. Теперь идем в файл single.php и ищем строчку:

<?php if ( have_posts() )

Перед ней нужно вставить такой код:

<?php include (TEMPLATEPATH. ‘/breadcrumbs.php’); ?>

В результате новый файл будет присоединен к общей массе файлов темы.

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

/*breadcrumbs – start*/

/* цвет шрифта и его размер, отступы, ширина */

#breadcrumbs {margin:10px 10px 10px 10px;width:auto;font-size:12px;color:#232323;text-align:left;overflow:hidden;}

/* цвет ссылок */

#breadcrumbs a, #breadcrumbs a:visited {color:#232323;text-decoration:none;outline:none;}

/* цвет ссылок при подведении к ним курсора */

#breadcrumbs a:hover, #breadcrumbs a:active {color:#50988f;text-decoration:none;outline:none;}

/*breadcrumbs – end*/

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

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

    avatar
      Подписаться  
    На: