Подсветка текущей ссылки?

Question

[Алексей]

В при нахождении в меню подсвечивается текущая позиция.
Как это сделать внутри страницы?
То есть если есть ряд ссылок на странице, и среди них на «саму себя», то она подсвечивается.
Желательно средствами wordpress или HTML+CSS
Ну или используя php (в коде страницы)
Спасибо

Answer 1

[Павел]

Все довольно таки просто
Jquery:

$(document).ready(function() {    
$("*").find("a[href='"+window.location.href+"']").each(function(){  // Ищем текущую ссылку     
    $(this).addClass("current_link");     // Добавляем текущей ссылке class - current_link
})
});

Средствами Wp:

add_filter('nav_menu_css_class' , 'add_active_class' , 10 , 2);

function add_active_class ($classes, $item) {
    if (in_array('current-menu-item', $classes) ){
        $classes[] = 'current_link';
    }
    return $classes;
}

Comments

[Алексей]

я не умею работать Jquery
Куда это вставлять?

[Павел]

Алексей selftrips.ru, Также как и Js и html и css.
Добавил средствами WP

[Алексей]

Павел,
Кодс страницы

<a class ="my_class" href=/link1">ссылка 1</a>
<a class ="my_class" href=/link2">ссылка 2</a>

куда прописать my_class ??

[Алексей]

Павел,
Просто добавление кода ничего не дает.

add_filter('nav_menu_css_class' , 'add_active_class' , 10 , 2);

function add_active_class ($classes, $item) {
    if (in_array('current-menu-item', $classes) ){
        $classes[] = 'current_link';
    }


return $classes;
}

Может у ссылок должен быть прописан какой то класс?

Answer 2

[Dima Polos]

Проверьте, обычно wp добавляет класс для текущей страницы, типа active.

Comments

[Алексей]

как это проверить и как использовать?:

[Dima Polos]

Алексей selftrips.ru, откройте dev tools и посмотрите на ссылку, есть у нее класс, который отличный от всех остальных ссылок. Если есть, а он обычно есть, то используете его в css.

[Алексей]

Dima Polos,
Где здесь найти этот класс?
https://myexpedia.ru/test123/

Answer 3

[Sergey Bro]

Ищи что-то типа этого.
Этот код из существующего проекта:

// Добавление класса активному пункту меню.
    function special_nav_class($classes, $item, $args) {
        if ('main_menu' == $args->theme_location) {
            if (in_array('current-menu-item', $classes)) {
                $classes[] = 'active';
            }
        }
        return $classes;
    }
    add_filter('nav_menu_css_class' , 'special_nav_class', 10, 3);

    // Добавление стилей пунктам меню.
    function menu_add_class($atts, $item, $args) {
        if ('main_menu' == $args->theme_location) {
            $class = 'main-nav__item';
            $atts['class'] = $class;
        }
        return $atts;
    }
    add_filter('nav_menu_link_attributes', 'menu_add_class', 10, 3);