Як змінити колір меню сайту вордпресс в активній вкладці, abramo8a

Дорогі друзі, з вами на зв'язку Ольга Абрамова. Нещодавно, в статті Міняємо дизайн сайту самі. як змінити шаблон теми, я писала, що намагалася змінити колір вкладок меню, коли вони активні, тобто коли сторінки відкриті. За ідеєю, колір повинен був змінюватися з синього на помаранчевий. Але це виходило тільки при наведенні курсору.

Мої спроби застосувати деякі яваскрипт не увінчалися успіхом, так як входили в конфлікт з невалідним кодом самого сайту. А також не виходило прописати в стилях умова для положення active. Хоча здавалося, що може бути простішим, прописати в style.css: #menu ul li a: active і вказати колір заднього фону та посилання. Але ж ні, не працює. Те ж саме для hover працює, а для active немає.

Ну на нема й суду нема. Значить, має бути інше рішення. Треба просто краще подумати 😉

А взагалі, навіщо це треба, щоб активна вкладка була іншого кольору?

Відповідь очевидна, це дозволяє користувачеві бачити, на якій сторінці сайту він знаходиться. Особливо, це актуально, де меню зафіксовано і завжди на виду.

Написавши пост, я в ньому звернулася до Новомосковсктелям відгукнутися, хто в темі. Спрацювало 🙂 Відгукнувся постійний Новомосковсктель блогу Михайло. який підказав, як вирішити це питання. Миша, велике спасибі. Потрібно було в style.css прописати стиль для діючої сторінки:

Але ця підказка вирішила тільки частина проблеми.

Головна ж сторінка так і залишалася незмінною. Що робити? На час я залишила це питання, але все ж мені хотілося його добити. добила 😀

Вона мені прописала код в потрібному місці. Але. У мене вже було близько 2 години ночі. Ні, щоб в люльку піти, я програмуванням займаюся. Раптом завтра буде пізно? Написали ми код, я перевіряю, а він не працює. І так і всяк ми над ним изгалялся, не працює. Тоді зі мною попрощалися і відправили спати 🙂

Але я пішла в Гугл, скопіювала написаний код і цілком вставила його в пошуковий рядок. Отримала кілька варіантів, застосувавши які, все спрацювало.

Люди, не будете робити, ночами. Голова не варить так пізно 😀 Виявилося, що я редагувала файл header.php на тестовому блозі, а перевіряла на робочому.

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

Зрештою, я знайшла рішення для своєї ситуації, попутно отримавши підтвердження прописних істин: ранок вечора мудріший, відстань дружбі не перешкода. І Teamwiewer взаємно не працює в браузерах.

Ось які коди можна застосувати для підсвічування головною:

Я застосувала перший варіант. Михайло, пробуйте, у Вас теж вийде. В принципі, вийде у всіх, у кого сайт на Вордпресс.

Всім красивих активних менюшек!