Все про хлібні крихти в Wordpress: плагіни, настройка, відключення

1. Для чого потрібні хлібні крихти на сайті
2. Модулі і хлібні крихти в WordPress
3. Хлібні крихти в Yoast SEO
4. Плагін Breadcrumb NavXT для WordPress
5. Хлібні крихти в WordPress без плагіна
6. Як прибрати хлібні крихти в WordPress

Хлібні крихти в Вордпресс (Breadcrumbs) або в будь-який інший CMS - це додаткова навігація по сайту, що відображає ваше положення щодо ієрархії проекту. Тобто, грубо кажучи, дане меню показує в якому розділі, сторінці або категорії ви в поточний момент знаходитеся. Багато користувачів вважають цей елемент саме «меню», тому що він містить активні посилання з можливістю переходу. Не буду сперечатися про термінологію, а краще розповім про всі складнощі і нюанси, що виникають під час налаштування хлібних крихт в WordPress. Основні розділи статті:

Для чого потрібні хлібні крихти на сайті

Перед тим як перейти безпосередньо до огляду модулів, пару слів скажу про те, як і навіщо застосуються дане рішення:

• По-перше, воно корисно з точки зору юзабіліті - навігація зорієнтує людей на сайті і прояснить його структуру.
• По-друге, ця фішка працює і для оптимізації, тому що по суті, є ще одним варіантом перелинковки , А також збільшує число переходів і час перебування (+ може відображатися у видачі).

Однак така функціональність ефективна в кожному веб-проект. Якщо у вас є проста візитка на 10-20 сторінок без вкладеної ієрархії, то немає сенсу додавати хлібні крихти в WP. Елемент не нестиме абсолютно ніякої користі, а лише займати вільне місце на екрані. У разі корпоративних порталів з багаторівневими категоріями / розділами - зовсім інша справа. плюс в інтернет-магазинах він теж відмінно виглядає.

Теоретично допускається висновок даного блоку не на всіх сторінках. Наприклад, у вас є блог, де спочатку передбачено кілька традиційних шляхів по сайту: теги і категорії, архіви дат, авторів, а також конкретні посади. У розділах і нотатках навігацію я б залишив, тоді як в мітках і датах цінність подібної інформації мінімальна, тому що вона просто дублює заголовок. Якщо встановлені плагіни хлібних крихт для Вордпресс не дозволяють зробити це безпосередньо, використовуйте умовні оператори . Крім того, бажано максимально і ненав'язливо оформити елемент через макет і стилі.

Нерозумно вийде, коли відразу ж під ланцюжком «Головна» - «Категорія» - «Тема поста» ви бачите той же тайтл + вказівку категорії. Подібне відображення рубрик, до речі, часто зустрічається в стандартних WP шаблонах, тому після інтеграції відповідного рішення бажано цей нюанс підправити.

Модулі і хлібні крихти в WordPress

Модулі під це завдання легко знаходяться по англомовному назвою функції Breadcrumbs - в WordPress репозиторії або через пошуковики. Різних варіантів реалізації вистачає, але більша їх частина не оновлювалися кілька років.

Можливо, авторам набридло конкурувати з беззмінними лідерами Breadcrumb NavXT з 600тис. завантажень і SEO by Yoast. До того ж досить складно придумати щось понад оригінальне в даному питанні, тому що він максимально простий і навіть можна реалізувати хлібні крихти в WordPress без плагіна. Як би там не було, підібрав 4 найцікавіших рішення:

Yoast SEO

Основне завдання модуля, в принципі, ніяк не пов'язана з нашою сьогоднішньою темою, але не згадати його не можна. Одна з додаткових фішок плагіна Yoast SEO - хлібні крихти. Тобто вам не доведеться встановлювати новий модуль, а просто активуєте відповідну опцію. У роботі я використовую саме цей варіант.

Breadcrumb NavXT

Breadcrumb NavXT - найпопулярніший плагін по хлібним крихтам в WordPress з більш ніж 600 тисячами завантажень. Оновлюється регулярно і містить безліч функцій для легкого налаштування відображення навігації. Також в ньому знайдете вбудований віджет, підтримка bbPress, BuddyPress, локалізації, можливість використання розробниками фільтрів / хуков і багато іншого.

Breadcrumb

В принципі, складно знайти рішення, які були б цікавіше попередніх двох, хоча є непогані спроби. Так, наприклад, в модулі Breadcrumb для WordPress впроваджена підтримка шорткодов, плюс сама ланцюжок посилань має оригінальне оформлення (дивіться за посиланням Live Demo! »). Незрозуміло тільки підтримуються чи дизайни в безкоштовній версії. Також ви можете налаштовувати тип роздільник і додавати текст на початку елемента. За словами розробників скрипт максимально простий і легкий.

Prime Strategy Bread Crumb

Ще один варіант, який має плюс-мінус гідне число завантажень, не дивлячись на те, що оновлювався близько року тому. автори Prime Strategy Bread Crumb обіцяють гнучку настройку хлібних крихт в WordPress: вбудовані хукі, параметри відображення і підтримку стилів (в описі є приклад CSS Sample). Модуль здався досить непоганим і простим рішенням з хорошими оцінками.

Хлібні крихти в Yoast SEO

Я не буду детально описувати всі тонкощі роботи, почитати про це можете в огляді SEO by Yoast , Зосереджуся виключно на створенні елемента з крихтами. Процес інтеграції складається з двох частин - установки в адмінці + правка шаблону.

Після активації з'явиться цілий новий розділ SEO, де вам потрібно вибрати пункт «Додатково». Далі перемістіть вимикач в пункті з дивною назвою «Включити Мякиш» в позицію «Включено»:

Різних опцій тут, в принципі не так вже й багато. Ви визначаєте символ роздільник, назва головної, префікс, текс для архівів і 404 сторінки. Трохи нижче вибираєте варіант таксономії, яка відображається в запису (рубрика - найбільш логічна).

Потім переходите в файл шаблону, де збираєтеся виводити навігаційний блок і додаєте рядки:

<? Php if (function_exists ( 'yoast_breadcrumb')) {yoast_breadcrumb ( '<p id = "breadcrumbs">', '</ p>'); }?>

<? Php if (function_exists ( 'yoast_breadcrumb')) {yoast_breadcrumb ( '<p id = "breadcrumbs">', '</ p>'); }?>

Найпопулярніші місця вставки коду - в постах (single.php) і сторінках (page.php) перед відображенням заголовка. Іноді його можуть розміщувати в кінці макета шапки (header.php). Код вище має умовний оператор і перевіряє наявність плагіна, а потім вже показує результат. З такою конструкцією можна буде легко відключити хлібні крихти в налаштуваннях. До багатьох професійні теми, до речі, даний код доданий спочатку, тому що модуль є дуже популярним.

Ще одна перевага Yoast SEO - хлібні крихти можуть задаватися в додаткових параметрах постів блогу:

Тобто у вас є шанс вручну визначити будь-яке значення заголовка WP записів через адмінку. Це корисно для довгих назв статей + дозволяє позбутися від дублюючої інформації.

Плагін Breadcrumb NavXT для WordPress

Також при створенні хлібних крихт під Вордпресс використовується Планину Breadcrumb NavXT. Модуль має гарну функціональністю, про яку я частково згадував вище, плюс містить багато цікавих опцій. Розібратися в ньому зможе практично кожен користувач і легко поміняти потрібні налаштування елемента навігації.

встановлюєте плагін через адмінку або завантажуєте з офіційного репозиторію . Важливо! Для версії Breadcrumb NavXT від 5.2 вам буде потрібно PHP5.3, більш ранні релізи вимагають PHP5.2. Потім активуєте, і в WP з'явиться відповідний розділ.

Тут є 4 закладки параметрів:

• В «Основних» можна вибрати тип роздільника, прибрати лінк на головну і налаштувати показ поточної сторінки. Формат рядка задається через шаблони.
• «Записи» - містить опції для постів.
• «Таксономії» - відповідають за мітки / категорії.
• «Інше» - формати сторінок автора, архівів, 404 помилки.

Раджу пройтися по всіх закладках, подивитися всі фішки. Формат відображення дозволяє вносити будь-які зміни в дану навігацію - додавати свій текст / символи, міняти стилі і т.п.

Після вказівки параметрів хлібних крихт Breadcrumbs в WordPress плагін потрібно задати висновок інформації в шаблоні - відкриваєте відповідний файл макета (як правило, header.php) і розміщуєте в потрібному місці рядка:

<Div class = "breadcrumbs" typeof = "BreadcrumbList" vocab = "https://schema.org/"> <? Php if (function_exists ( 'bcn_display')) {bcn_display (); }?> </ Div>

<Div class = "breadcrumbs" typeof = "BreadcrumbList" vocab = "https://schema.org/"> <? Php if (function_exists ( 'bcn_display')) {bcn_display (); }?> </ Div>

Аналогічно роботі з Yoast SEO вибір місця розміщення коду залежить від встановленої теми. Якщо передбачається висновок блоку в шапці, тоді використовуєте header.php. З огляду на те, що цей файл загальний для всіх сторінок макета, побачите ланцюжок посилань на кожній з них. Також можна показувати елемент тільки в обраних розділах - в такому випадку вставляєте код в single.php, page.php, archive.php і т.п. В цілому, Breadcrumb NavXT - непоганий інструмент.

Хлібні крихти в WordPress без плагіна

Допускається реалізація функції Breadcrumbs в WordPress без плагінів. Однак перед тим як перейти до опису різних варіантів, я висловлю свою суб'єктивну думку чому це не найкраща ідея:

• Інтеграція напевно викличе складнощі у початківців користувачів.
• Редагування параметрів безпосередньо в коді не особливо наочно - завдання шаблонів відображення через адмінку куди зручніше ніж правка безпосередньо.
• Модулі мають більше можливостей - взяти хоча б локалізацію, підтримку Schema.org, віджети.
• Не всі коди, знайдені в мережі, актуальні, коректні і регулярно оновлюються, в той час коли, як мінімум, Yoast SEO і Breadcrumb NavXT в WordPress стабільно працюють.

Якщо чесно не думаю, що створення хлібних крихт в Вордпресс без плагіна принесе вам серйозний приріст продуктивності. Так, якщо ви крутий веб-розробник, створюєте проект для себе, то цілком можна обійтися «чистим кодом», у всіх інших випадках готовий модуль набагато простіше.

Одне з найбільш компактних і плюс-мінус актуальних рішень знайдено тут . Насамперед ви додаєте нову призначену для користувача функцію get_breadcrumb () в файл functions.php:

/ ** * Generate breadcrumbs * @author CodexWorld * @authorURL www.codexworld.com * / function get_breadcrumb () {echo '<a href="'. Home_url ().'" rel="nofollow"> Home </ a > '; if (is_category () || is_single ()) {echo "& nbsp; & nbsp; & # 187; & nbsp; & nbsp;" ; the_category ( '& bull;'); if (is_single ()) {echo "& nbsp; & nbsp; & # 187; & nbsp; & nbsp;"; the_title (); }} Elseif (is_page ()) {echo "& nbsp; & nbsp; & # 187; & nbsp; & nbsp;" ; echo the_title (); } Elseif (is_search ()) {echo "& nbsp; & nbsp; & # 187; & nbsp; & nbsp; Search Results for ..."; echo ' "<em>'; echo the_search_query (); echo '</ em>"'; }}

/ ** * Generate breadcrumbs * @author CodexWorld * @authorURL www.codexworld.com * / function get_breadcrumb () {echo '<a href="'.home_url().'" rel="nofollow"> Home </ a > '; if (is_category () || is_single ()) {echo "& nbsp; & nbsp; & # 187; & nbsp; & nbsp;"; the_category ( '& bull;'); if (is_single ()) {echo "& nbsp; & nbsp; & # 187; & nbsp; & nbsp;"; the_title (); }} Elseif (is_page ()) {echo "& nbsp; & nbsp; & # 187; & nbsp; & nbsp;"; echo the_title (); } Elseif (is_search ()) {echo "& nbsp; & nbsp; & # 187; & nbsp; & nbsp; Search Results for ..."; echo ' "<em>'; echo the_search_query (); echo '</ em>"'; }}

Потім в макеті відображення постів single.php або будь-якому іншому викликаєте її:

<Div class = "breadcrumb"> <? Php get_breadcrumb (); ?> </ Div>

<Div class = "breadcrumb"> <? Php get_breadcrumb (); ?> </ Div>

Також автор пропонує парочку стилів оформлення:

breadcrumb {padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: # f5f5f5; border-radius: 4px; } .Breadcrumb a {color: # 428bca; text-decoration: none; }

breadcrumb {padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: # f5f5f5; border-radius: 4px; } .Breadcrumb a {color: # 428bca; text-decoration: none; }

В результаті отримаєте щось на кшталт:

Якщо вам цього достатньо, то чому немає. Також можу порадити варіант від Dimox'а який постарався врахувати всі недоліки існуючих фрагментів. Вихідного коду там в рази більше, з нього цілком можна створювати повноцінний модуль :)

Як прибрати хлібні крихти в WordPress

В принципі, це завдання зворотна до процесу установки елемента. Тому перед тим як його відключити потрібно зрозуміти як саме все реалізовано в вашому конкретному випадку. Алгоритм приблизно наступний:

1. Дивимося чи є плагін хлібних крихт для Вордпресс сайту. Якщо так, то пробуємо приховати відображення ланцюжка посилань в настройках і / або деактивувавши його.
2. Якщо розробник грамотно виконав інтеграцію, то видалення модуля не призведе до помилок. В іншому випадку шукаємо в файлах шаблону код виведення навігації ( WinGrep в допомогу). Це можуть бути, наприклад, функції yoast_breadcrumb (), bcn_display (), bread_crumb () і т.п. Позбавляємося від зайвих рядків.
3. Ще раз перевіряємо відображення сторінок проекту в браузері.

В принципі, відключити або прибрати хлібні крихти в WordPress не так вже й складно, головне розібратися як вони додані. Уважно правте код, щоб не видалити нічого важливого (можна попередньо закомментировать рядки).

Разом. У статті детально розібрав як зробити хлібні крихти в WordPress, інформації з налаштування вам повинно вистачити з головою. Раджу перед установкою подумати чи дійсно вам потрібен цей блок. Що стосується реалізації, то особисто я не бачу сенсу впроваджувати елемент шляху по сайту в Вордпресс без плагіна, враховуючи, що в вашому веб-проект напевно буде присутній Yoast SEO. Що стосується інших модулів, то вони стануть в нагоді лише в разі якоїсь оригінальної функціональності. Breadcrumb NavXT здається вельми непоганим, але я обома руками за рішення від Yoast.

Якщо у вас є якісь питання по роботі з хлібними крихтами Breadcrumbs і WordPress плагінами для них, пишіть нижче, - будемо розбирати.

PS Постовий. У наш час потрібно використовувати сучасні трубопровідні системи - газові труби представлені ТД «Євротрубпласт» відповідають всім стандартам якості.