Хлібні крихти (Breadcrumbs) для WordPress
- Що таке хлібні крихти?
- "Хлібні крихти" за допомогою функції плагіна Yoast WordPress SEO
- Як додати "хлібні крихти" (Breadcrumbs) в вашу тему
- Модулі хлібні крихти для Вордпресс сайту
- SEO Breadcrumbs (хлібні крихти)
- Як встановити хлібні крихти WordPress без плагіна
- На закінчення
Привіт читачі блогу WordPress Mania! Якщо у вас, друзі, на сайті не реалізовані хлібні крихти - не біда. Ви самі можете встановити навігаційну ланцюжок (посилання) за допомогою даної інструкції. І так, сьогодні я покажу вам: як додати хлібні крихти (Breadcrumbs) на сайт WordPress за допомогою функції плагіна Yoast WordPress SEO (сподіваюся ви встановили кращий багатофункціональний SEO плагін).
А так же розповім вам які спеціальні плагіни Breadcrumbs (хлібні крихти WordPress) існують для цієї мети. А для досвідчених користувачів є можливість додати хлібні крихти на сайт без плагіна. І так, пані та панове, читайте: Як зробити хлібні крихти в WordPress?
Як додати хлібні крихти на сайт WP з плагіном і без
Так як цей блог для новачків поясню спочатку:
Що таке хлібні крихти?
Це - навігаційна ланцюжок (навігаційне меню, "хлібні крихти", англ. Breadcrumbs) - елемент навігації по веб-сайту, що представляє собою шлях по сайту від його "кореня" до поточної сторінки, на якій знаходиться користувач (Вікіпедія). А ось Артем Лебедєв називає так: дублююча навігація - рядок з посиланнями, відповідними ієрархії структури сайту. Таку позицію ви можете спостерігати у на більшості веб-сайтів над заголовком статті. Приблизно, ось так:
Хлібні крихти на сайті Вордпресс
Хто то вважає, що хлібні крихти не обов'язково встановлювати на сайт, а хто то навпаки.
Breadcrumbs надзвичайно важлива частина будь-якого веб-сайту, вона надає вашим користувачам простий спосіб дізнатися їх поточне місце розташування на сайті.
На відомих блогах Breadcrumbs присутній, значить і нам не протипоказане. Приступимо.
"Хлібні крихти" за допомогою функції плагіна Yoast WordPress SEO
Мета навігації - допомогти користувачам переміщатися по сайту. Це допомагає користувачам зрозуміти, де вони знаходяться на сайті. Це також допомагає пошуковим системам зрозуміти ієрархію посилань на веб-сторінці. для SEO добре .
Наведені нижче кроки є тимчасовим рішенням, так як ручні зміни, внесені у файли тим, можуть бути перезаписані в майбутніх оновленнях тем. При оновлення теми вам необхідно заново виконати дану операцію.
Yoast SEO пропонує функцію для отримання навігаційних посилань на вашому сайті. Параметри хлібних крихт спочатку не відображаються в Yoast для цього вам треба зайти в адмінпанелі розділ SEO - "Відображення в пошуковій видачі" - вкладка "Хлібні крихти". Після цього потрібно включити хлібні крихти і налаштувати їх:
Налаштування Хлібних крихт в Yoast SEO
Встановіть роздільник між пунктами, який ви захочете. Напишіть текст посилання на головну сторінку, можна написати назву вашого блогу чи просто "Головна". Далі, в "хлібних крихтах" встановити таксономию для рубрики. Натисніть "Зберегти зміни". Не забудьте додати код в потрібне місце вашого шаблону (теми).
Як додати "хлібні крихти" (Breadcrumbs) в вашу тему
Хлібні крихти не з'являться, поки ви не зміните невеликий код на свій сайт. Почніть з копіювання наступного коду:
<? Php if (function_exists ( 'yoast_breadcrumb')) {yoast_breadcrumb ( '<p id = "breadcrumbs">', '</ p>'); }?>Тепер треба встановити код в тему / шаблон, де буде виводитися рядок навігації. Загальні місця, де ви можете помістити свої хлібні крихти, знаходяться всередині файлу single.php і / або page.php трохи вище заголовка сторінки. Інший варіант, який робить це дійсно простим в деяких темах, це просто вставка коду в header.php.
У прикладі візьмемо тему Twenty Eleven. Йдемо: Зовнішній вигляд - Редактор тем. Відкриваємо файл single.php (один запис) і вставляємо код:
Вставка коду в шаблон WP
Зберігаємо файл і дивимося, що у нас вийшло в результаті:
Хлібні крихти від Yoast SEO
Крім цього, ви можете виводити будь-який заголовок для сторінок, який буде виводитися в хлібних крихтах при редагування або створення нового запису. Вкладка Yoast SEO Додатково. Якщо наприклад, назва статті довге, то заголовок можна вписати коротший:
Тема цієї сторінки, який буде виводитися в хлібних крихтах
Ось, як то, так вийде:
Свій заголовок для хлібних крихт в окремому записі
Йдемо, далі. Якщо ви використовуєте інший SEO плагін, що не Yoast SEO, то додати в вордпресс хлібні крихти можна за допомогою спеціальних плагінів.
Модулі хлібні крихти для Вордпресс сайту
Найпопулярніший модуль на сьогоднішній день - це Breadcrumb NavXT.
Плагін для WordPress Breadcrumb NavXT
Breadcrumb NavXT - це плагін сумісний з WordPress версій 4.0 і вище. Він генерує локальні ланцюжки для вашого блогу / сайту на Вордпресс. Оскільки Breadcrumb NavXT послідовно відображає ієрархію сторінок, вона допоможе забезпечити переваги SEO.
Встановлюєте і активуєте його стандартним способом. Далі, за бажанням, можна його налаштувати під себе. Налаштування - Breadcrumb NavXT. Плагін російською мовою. Думаю більшості користувачів підійдуть стандартні параметри.
І знову нам знадобиться редагувати файл Окрема запис (single.php) і / або Окрема сторінка (page.php). Можна використовувати файл Заголовок (header.php). Беремо код:
<Div class = "breadcrumbs" typeof = "BreadcrumbList" vocab = "https://schema.org/"> <? Php if (function_exists ( 'bcn_display')) {bcn_display (); }?> </ Div>Відкриваємо файл наприклад, page.php і додаємо висновок хлібні крихти в потрібному вам місці. Зазвичай треба виводити їх над заголовком статті.
Установка коду Breadcrumb NavXT на сторінку сайту
Зберігається. Відкриваємо сторінку блога і дивимося результат:
Навігаційні посилання на сторінці блогу
Додайте цей же код в файл Окрема запис (single.php,) як показано для Yoast SEO. Хороший плагін? О так! Не підходить? Да без проблем.
Заходимо Модулі - Додати новий і в поле пошуку по плагинам вбиваємо ключове слово Breadcrumb. Вибирайте, друзі:
Модулі хлібних крихт для WordPress
Орієнтуйтеся по оновлень. Зверніть увагу на plugin SEO Breadcrumbs:
SEO Breadcrumbs (хлібні крихти)
Плагін WordPress SEO Breadcrumbs
SEO Breadcrumbs - це потужний і простий у використанні плагін, який може додати п'ять різних навігацій по хлібним крихтам на ваш сайт WordPress. Він повністю настроюється і чуйний. Плагін показує панірувальні сухарі в повідомленнях, сторінках, призначених для користувача таксономії, архівах, вкладеннях. Так само в помилках 404, результати пошуку.
Plugin дозволяє використовувати будь-які кольорові поєднання, з різними ефектами для оформлення хлібних крихт. Плагін також підтримує специфікацію схеми для розмітки фрагментів коду, що використовується Google і іншими пошуковими системами, щоб ідентифікувати хлібні крихти і використовувати їх в результатах пошуку.
Як встановити хлібні крихти WordPress без плагіна
Цей хак (знайшов за бугром) підійде для тих, хто не користується плагіном. Відкриваємо файл "Функції теми" (functions.php) і перед закриває тегом (в самому низу)?> Вставляємо такий довгий код (не забудьте зробити резервну копію файлу):
function dimox_breadcrumbs () {/ * === OPTIONS === * / $ text [ 'home'] = 'Головна'; // текст посилання "Головна" $ text [ 'category'] = 'Архів рубрики "% s"'; // текст для сторінки рубрики $ text [ 'search'] = 'Результати пошуку за запитом "% s"'; // текст для сторінки з результатами пошуку $ text [ 'tag'] = 'Записи з тегом "% s"'; // текст для сторінки тега $ text [ 'author'] = 'Статті автора% s'; // текст для сторінки автора $ text [ '404'] = 'Помилка 404'; // текст для сторінки 404 $ show_current = 1; // 1 - показувати назву поточної статті / сторінки / рубрики, 0 - не показувати $ show_on_home = 0; // 1 - показувати "хлібні крихти" на головній сторінці, 0 - не показувати $ show_home_link = 1; // 1 - показувати посилання "Головна", 0 - не показувати $ show_title = 1; // 1 - показувати підказку (title) для посилань, 0 - не показувати $ delimiter = '& raquo; '; // розділити між "крихтами" $ before = '<span class = "current">'; // тег перед поточної "крихтою" $ after = '</ span>'; // тег після поточної "крихти" / * === END OF OPTIONS === * / global $ post; $ Home_link = home_url ( '/'); $ Link_before = '<span typeof = "v: Breadcrumb">'; $ Link_after = '</ span>'; $ Link_attr = 'rel = "v: url" property = "v: title"'; $ Link = $ link_before. '<A'. $ Link_attr. 'Href = "% 1 $ s">% 2 $ s </a>'. $ Link_after; $ Parent_id = $ parent_id_2 = $ post-> post_parent; $ Frontpage_id = get_option ( 'page_on_front'); if (is_home () || is_front_page ()) {if ($ show_on_home == 1) echo '<div> <a href="'. $home_link.'">'. $ Text [ 'home']. '</a> </ div>'; } Else {echo '<div class = "breadcrumbs" xmlns: v = "http://rdf.data-vocabulary.org/#">'; if ($ show_home_link == 1) {echo '<a href="'. $home_link.'" rel="v:url" property="v:title">'. $ Text [ 'home']. '</a>'; if ($ frontpage_id == 0 || $ parent_id! = $ frontpage_id) echo $ delimiter; } If (is_category ()) {$ this_cat = get_category (get_query_var ( 'cat'), false); if ($ this_cat-> parent! = 0) {$ cats = get_category_parents ($ this_cat-> parent, TRUE, $ delimiter); if ($ show_current == 0) $ cats = preg_replace ( "# ^ (. +) $ delimiter $ #", "$ 1", $ cats); $ Cats = str_replace ( '<a', $ link_before. '<A'. $ Link_attr, $ cats); $ Cats = str_replace ( '</a>', '</a>'. $ Link_after, $ cats); if ($ show_title == 0) $ cats = preg_replace ( '/ title = "(. *?)" /', '', $ cats); echo $ cats; } If ($ show_current == 1) echo $ before. sprintf ($ text [ 'category'], single_cat_title ( '', false)). $ After; } Elseif (is_search ()) {echo $ before. sprintf ($ text [ 'search'], get_search_query ()). $ After; } Elseif (is_day ()) {echo sprintf ($ link, get_year_link (get_the_time ( 'Y')), get_the_time ( 'Y')). $ Delimiter; echo sprintf ($ link, get_month_link (get_the_time ( 'Y'), get_the_time ( 'm')), get_the_time ( 'F')). $ Delimiter; echo $ before. get_the_time ( 'd'). $ After; } Elseif (is_month ()) {echo sprintf ($ link, get_year_link (get_the_time ( 'Y')), get_the_time ( 'Y')). $ 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; printf ($ link, $ home_link. '/'. $ slug [ 'slug']. '/', $ post_type-> labels-> singular_name); if ($ show_current == 1) echo $ delimiter. $ Before. get_the_title (). $ After; } Else {$ cat = get_the_category (); $ Cat = $ cat [0]; $ Cats = get_category_parents ($ cat, TRUE, $ delimiter); if ($ show_current == 0) $ cats = preg_replace ( "# ^ (. +) $ delimiter $ #", "$ 1", $ cats); $ Cats = str_replace ( '<a', $ link_before. '<A'. $ Link_attr, $ cats); $ Cats = str_replace ( '</a>', '</a>'. $ Link_after, $ cats); if ($ show_title == 0) $ cats = preg_replace ( '/ title = "(. *?)" /', '', $ cats); echo $ cats; if ($ show_current == 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 ($ parent_id); $ Cat = get_the_category ($ parent-> ID); $ Cat = $ cat [0]; $ Cats = get_category_parents ($ cat, TRUE, $ delimiter); $ Cats = str_replace ( '<a', $ link_before. '<A'. $ Link_attr, $ cats); $ Cats = str_replace ( '</a>', '</a>'. $ Link_after, $ cats); if ($ show_title == 0) $ cats = preg_replace ( '/ title = "(. *?)" /', '', $ cats); echo $ cats; printf ($ link, get_permalink ($ parent), $ parent-> post_title); if ($ show_current == 1) echo $ delimiter. $ Before. get_the_title (). $ After; } Elseif (is_page () &&! $ Parent_id) {if ($ show_current == 1) echo $ before. get_the_title (). $ After; } Elseif (is_page () && $ parent_id) {if ($ parent_id! = $ Frontpage_id) {$ breadcrumbs = array (); while ($ parent_id) {$ page = get_page ($ parent_id); if ($ parent_id! = $ frontpage_id) {$ breadcrumbs [] = sprintf ($ link, get_permalink ($ page-> ID), get_the_title ($ page-> ID)); } $ Parent_id = $ page-> post_parent; } $ Breadcrumbs = array_reverse ($ breadcrumbs); for ($ i = 0; $ i <count ($ breadcrumbs); $ i ++) {echo $ breadcrumbs [$ i]; if ($ i! = count ($ breadcrumbs) -1) echo $ delimiter; }} If ($ show_current == 1) {if ($ show_home_link == 1 || ($ parent_id_2! = 0 && $ parent_id_2! = $ Frontpage_id)) echo $ delimiter; echo $ before. get_the_title (). $ After; }} Elseif (is_tag ()) {echo $ before. sprintf ($ text [ 'tag'], single_tag_title ( '', false)). $ After; } Elseif (is_author ()) {global $ author; $ Userdata = get_userdata ($ author); echo $ before. sprintf ($ text [ 'author'], $ userdata-> display_name). $ After; } Elseif (is_404 ()) {echo $ before. $ Text [ '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> <! - .breadcrumbs ->'; }} // end dimox_breadcrumbs ()Оновлення файл. Для виклику функції так само, як описано вище, в файли single.php (один запис); page.php (шаблон сторінки); archive.php (архіви); search.php (результати пошуку) вставте код:
<? Php if (function_exists ( 'dimox_breadcrumbs')) dimox_breadcrumbs (); ?>Усе. Якщо знадобиться задати стиль CSS для хлібних крихт (під дизайн вашої теми) укладіть рядок в:
<Div class = "crumbs"> рядок виклику </ div>Відкрийте файл "Таблиця стилів" (style.css) і в кінці коду вставте:
.crumbs {border-bottom: 1px dotted # 999999; font-family: "Georgia", "Times New Roman", "Times", serif; font-size: 9px; font-weight: 600; line-height: 15px; color: #ccc; } .Crumbs a {font-family: "Georgia", "Times New Roman", "Times", serif; font-size: 9px; font-weight: 600; line-height: 15px; color: #ccc; text-decoration: none; }Налаштуйте стиль під ваш дизайн блогу / сайту.
На закінчення
Хлібні крихти для сайту WordPress не є обов'язковими, але дозволяють поліпшити його зручність. Підвищення юзабіліті завжди позитивно позначається на поведінкових факторах.
Завдяки мікророзмітки Breadcrumbs (навігаційна ланцюжок) вбудовується в видачу Google. В Яндекс такої функції немає, але пошукова система може самостійно підлаштувати структуру сайту під шаблон мікророзмітки.
На цьому у мене все. До нової зустрічі. Хай щастить.
Що таке хлібні крихти?
І так, пані та панове, читайте: Як зробити хлібні крихти в WordPress?
Php if (function_exists ( 'yoast_breadcrumb')) {yoast_breadcrumb ( '<p id = "breadcrumbs">', '</ p>'); }?
Org/"> <?
Php if (function_exists ( 'bcn_display')) {bcn_display (); }?
Хороший плагін?
Не підходить?
Відкриваємо файл "Функції теми" (functions.php) і перед закриває тегом (в самому низу)?
Php if (function_exists ( 'dimox_breadcrumbs')) dimox_breadcrumbs (); ?
