Виділяємо активні сторінки в WordPress
Назва статті говорить сама за себе, сьогодні я хочу розповісти як зробити в WordPress досить просту, але все ж досить корисну функцію - виділення активної сторінки.
Ви здивуєтеся, наскільки просто і легко можна реалізувати це в WordPress, справа в тому що тут для цього вже все передбачено, вам фактично потрібно тільки прописати в css-файлі стиль активної сторінки.
Розберемо це на простому прикладі. Нижче наведено невеликий фрагмент коду, для відображення навігації по сторінках в WordPress.
Тепер, якщо зберегти сторінку як html, або подивитися фаербагом, ми побачимо приблизно наступне:
Далі, якщо ми перейдемо по посиланню на іншу сторінку, код html змінитися наступним чином:
Тобто, до поточної активної сторінці додається клас «current_page_item». А далі як то кажуть справа техніки, досить призначити відповідний стиль цього класу в css-файл:
В результаті, ми отримали виділення будь-якої поточної активної сторінки (крім головної) світло-синім кольором (як на картинці в прикладі).
Якщо ж вам потрібно, щоб головна сторінка також відзначалася як активної, для цього потрібно написати трохи php-коду:
У наведеному вище коді, задіяний умовний тег Woprdpress is_home (). який перевіряє чи поточна сторінка домашньої, тобто головною, і якщо ця умова виконується, то до неї також додається клас current_page_item.
За допомогою умовних тегів WordPress, можна робити і інші цікаві речі, але про це ми поговоримо в наступній статті.