Хлібні крихти - для wordpress без використання плагіна

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

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

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

особливості функції

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

Головна> Рубрика> Підрубрика> Назва статті

У всіх рішеннях, які я зустрічав (за винятком плагінів), такий ланцюжок виглядала ось так:

Головна> Підрубрика> Назва статті

Тобто одна ланка втрачено.

Аналогічно у мене виглядають і «крихти» для сторінок. Наприклад, для сторінки 3-го рівня вкладеності ланцюжок буде такою:

Головна> Сторінка 1-го рівня> Сторінка 2-го рівня> Сторінка 3-го рівня

«Хлібні крихти» виводяться для наступних типів сторінок WordPress-сайту:

Функцію необхідно помістити в файл functions.php вашої WordPress-теми. Після цього в те місце шаблону, де хочете виводити «хлібні крихти», додайте наступний код:

Єдине, що тепер залишиться зробити - оформити їх за допомогою CSS. Для цього до блоку «хлібних крихт» передбачений клас .breadcrumbs. для роздільник - .sep а для поточної «крихти» - .current.

P.S. Функція працює на WordPress, починаючи з версії 3.0 і вище.