Задать вопрос
@lid2pro
wordpress

Как в wordpress задать свой стиль пункту меню?

Добрый день, коллеги, выручайте.

В меню есть такие пункты, ведущие на страницы: Статьи, Новости и т.д.

Как сделать так, что при просмотре записи рубрики "Статьи", пункт меню Статьи был активным (ему присваивался класс)?

Если (рубрика просматриваемой записи = "статьи")
{ присвоить пункту меню с id = "123" класс active
}

Как это сделать?
  • Вопрос задан
  • 188 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
alsolovyev
@alsolovyev
Функцию в functions.php. Добавьте свой стиль к меню итемам(my-custom-class). Указать категорию(my-category)
function mark_menu_item_as_active($classes, $item) {

    if( in_array('my-custom-class',$classes) && ( is_category('my-category') /* OR ...*/  ) )   {
        $classes[] = 'current-menu-item';
    }

    return $classes;
}
add_filter('nav_menu_css_class', 'mark_menu_item_as_active', 10, 2);


Костыль:
if(window.location.href.indexOf("/blog/") > -1) {
   $('#menu-item-339').addClass('current-menu-item');
}
if(window.location.href.indexOf("/articles/") > -1) {
   $('#menu-item-241').addClass('current-menu-item');
}
if(window.location.href.indexOf("/forum/") > -1) {
   $('#menu-item-437').addClass('current-menu-item');
}
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
jams
@jams
Веб-разработчик | PHP | WP | JS
Ему и так присваивается класс. Посмотрите исходный код меню.
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
WordPress developer (Contractor, Remote)
Hicaliber
До 2 300 $
Разработчик на Wordpress
Nocodered
от 40 000 до 140 000 ₽
Бэкэнд разработчик сайтов
Валверде
от 40 000 до 60 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработать и интегрировать модуль на WordPress
26 апр. 2024, в 19:53
5000 руб./за проект
Разработать Telegram mini app
15 апр. 2024, в 22:14
30000 руб./за проект
Сделать тг бота для сбора 4 данных в эксель + проверка на подписку
26 апр. 2024, в 19:17
1000 руб./за проект
Ещё заказы