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

Question

[lid2pro]

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

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

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

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

Как это сделать?

Answer 1

[Aleksey Solovyev]

Функцию в 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');
}

Comments

[lid2pro]

Спасибо огромное, то что нужно. Работает с функции.
Если кому пригодится, то my-custom-class добавляйте в Классы CSS (нужно включить в настройках экрана, если нет такого), а не в Extra Class

Answer 2

[Александр Гримашевич]

Ему и так присваивается класс. Посмотрите исходный код меню.

Comments

[lid2pro]

Добрый день,

это не много не то. Присваивается к пункту Статьи (Блог), а мне нужно чтоб допустим если смотрим новость, то выделялся пункт Новости.

[Александр Гримашевич]

lid2pro, я понян сразу это. Посмотрите внимательно какие классы присваивается в рубрике и непосредственно в статье. Там есть то, что вам нужно.