Хлебные крошки: с плагином и без плагина WordPress

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

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

На многих сайтах есть эти так называемые хлебные крошки. Фактически — это еще один элемент навигации по сайту, который показывает читателю, где он находится относительно главной страницы сайта. Выглядит эта цепочка примерно так:

Главная страницаРазделПодраздел — Текущая страница

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

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

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

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

Я вам дам оба варианта, а вы сами решайте, какой вам лучше использовать.

Вариант хлебных крошек с помощью плагина WordPress

Плагин WordPress, который реализует функцию хлебных крошек, так и называется — Breadcrumb NavXT

Советую прочитать еще:  Как правильно оптимизировать медиаконтент на вашем сайте?

Скачать плагин можно в официальном репозитории WordPress — http://wordpress.org/plugins/breadcrumb-navxt

Последняя на сегодня версия — 5.0.0.

Плагин имеет русскую локализацию ru_RU.

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

Можно придать стилям свои уникальные варианты. Для этого надо написать немного CSS.

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

<div class="breadcrumbs">
    < ?php if(function_exists('bcn_display'))
    {
        bcn_display();
    }?>
</div>

Возможен вариант, когда этот код надо добавить только в один файл — header.php. Поэтому будьте внимательны.

Вариант хлебных крошек без плагина WordPress

Я не буду заставлять вас писать этот код, а просто выкладываю тот, который использую на своем блоге:

< ?php
$category = get_the_category();
$current_cat = $category[0]->cat_ID;
?>
< ?php if (is_single()) { ?>
<div id="breadcrumbs"><span>Вы сейчас находитесь на странице : <a href="<?php bloginfo('home'); ?>» title=»< ?php bloginfo('name'); ?>«>< ?php bloginfo('name'); ?></a> » < ?php $category = get_the_category(); if ($category) { echo '<a href="' . get_category_link( $category[0]->term_id ) . ‘» title=»‘ . sprintf( __( «Перейти к просмотру in %s» ), $category[0]->name ) . ‘» ‘ . ‘>’ . $category[0]->name.’ ‘; } ?> » < ?php the_title(); ?></span></div>
< ?php } else if (is_home()) { ?>
<div id="breadcrumbs"><span>Вы сейчас находитесь на странице : <a href="<?php bloginfo('home'); ?>» title=»< ?php bloginfo('name'); ?>«>< ?php bloginfo('name'); ?></a></span></div>
< ?php } else if (is_category()) { ?>
<div id="breadcrumbs"><span>Вы сейчас находитесь на странице : <a href="<?php bloginfo('home'); ?>» title=»< ?php bloginfo('name'); ?>«>< ?php bloginfo('name'); ?></a> » Архивы : < ?php single_cat_title(); ?></span></div>
< ?php } else if (is_tag()) { ?>
<div id="breadcrumbs"><span>Вы сейчас находитесь на странице : <a href="<?php bloginfo('home'); ?>» title=»< ?php bloginfo('name'); ?>«>< ?php bloginfo('name'); ?></a> » Метки : < ?php single_cat_title(); ?></span></div>
< ?php } else if (is_page()) { ?>
<div id="breadcrumbs"><span>Вы сейчас находитесь на странице : <a href="<?php bloginfo('home'); ?>» title=»< ?php bloginfo('name'); ?>«>< ?php bloginfo('name'); ?></a> » < ?php the_title(); ?></span></div>
< ?php } else if (is_archive()) { ?>
<div id="breadcrumbs"><span>Вы сейчас находитесь на странице : <a href="<?php bloginfo('home'); ?>» title=»< ?php bloginfo('name'); ?>«>< ?php bloginfo('name'); ?></a> » < ?php $post = $posts[0]; // Hack. Set $post so that the_date() works. ?>
< ?php /* If this is a category archive */ if (is_day()) { ?>
Архив дня < ?php the_time('jS F Y'); ?>
< ?php /* If this is a monthly archive */ } elseif (is_month()) { ?>
Архив месяца < ?php the_time('F Y'); ?>
< ?php /* If this is a yearly archive */ } elseif (is_year()) { ?>
Архив года < ?php the_time('Y'); ?>
< ?php } ?></span></div>
< ?php } else if (is_search()) { ?>
<div id="breadcrumbs"><span>Вы сейчас находитесь на странице : <a href="<?php bloginfo('home'); ?>» title=»< ?php bloginfo('name'); ?>«>< ?php bloginfo('name'); ?></a> » Поиск для слова(фразы): " < ?php the_search_query(); ?> "</span></div>
< ?php } else { ?>
< ?php { /* nothing */ } ?>
< ?php } ?>

Или скачайте готовый файл — breadcrumbs.php

Советую прочитать еще:  Плагин Wordpress Pagerank Tools - поможет вам в определении PR всех страниц вашего сайта

[sdfile url=»https://bestplugins.ru/wp-content/files/breadcrumbs.zip»]

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

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

Если вы окружите эту функцию своим уникальным DIV, тогда добавьте его в файл стилей CSS и опишите свойства.

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

2 Comments

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

Ваш email нигде не будет показан. Обязательные поля помечены *