Как получить значение “CSS Classes” текущего элемента меню?

Вопрос или проблема

$css_classes = get_current_menu_item_css_classes();    
if ( $css_classes == 'mycustomclass' ) : // сделать что-то

add_filter('nav_menu_css_class' , 'wpse_143574_nav_class' , 10 , 2);
function wpse_143574_nav_class($classes, $item){

         $classes[] = "my-class";

     }
     return $classes;
}

// где "Top" это название меню, ярлык или id. Но не местоположение меню.
$menu_items = wp_get_nav_menu_items( 'Top' );

foreach ( $menu_items as $menu_item ) {
  $menu_classes = $menu_item->classes;

  foreach ( $menu_classes as $menu_class ) {
    if ( 'mycustomclass' === $menu_class ) {
        return true;
    }
  }
}

Ответ или решение

Когда речь идет о получении значений "CSS Classes" текущего пункта меню в WordPress, необходимо понимать, что задача может решаться разными способами в зависимости от структуры вашего проекта и его требований. Давайте разберем основные подходы к решению данной задачи.

Теория

В WordPress меню создаются через административную панель и с помощью функции wp_nav_menu() выводятся на фронтенде. Каждый пункт меню представляет собой объект, который можно получить и обработать с помощью PHP. Объект пункта меню имеет ряд свойств, среди которых и массив classes, содержащий CSS-классы, примененные к этому пункту.

Когда вы хотите получить CSS-классы для текущего пункта меню, предполагается, что вы имеете дело с объектом пункта меню в контексте WordPress. Важным моментом является возможность использования фильтров и хуков, которые предоставляет WordPress, для динамического добавления и проверки классов для конкретных пунктов меню.

Пример

Представим следующий пример, где мы используем хук nav_menu_css_class для добавления пользовательских классов. Это может быть необходимо для стилизации текущего активного элемента меню либо для других условий.

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

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

    return $classes;
}

В этом примере мы добавляем наш класс ‘mycustomclass’ к классу ‘current-menu-item’, который WordPress автоматически добавляет к текущему активному пункту меню. Это позволяет нам индивидуально стилизовать текущий пункт или использовать его в других логических структурах.

Для более избирательного добавления классов можно использовать дополнительные условия, например, проверяя название пункта меню или его URL.

Применение

Теперь рассмотрим, как мы можем использовать ранее созданный код для проверки и выполнения определенных действий в зависимости от наличия класса ‘mycustomclass’:

$menu_items = wp_get_nav_menu_items('Top');

foreach ($menu_items as $menu_item) {
    $menu_classes = $menu_item->classes;

    foreach ($menu_classes as $menu_class) {
        if ('mycustomclass' === $menu_class) {
            // Здесь можно вставить код, который будет выполняться, когда пункт меню имеет класс 'mycustomclass'
            echo 'Этот пункт меню имеет пользовательский класс.';
        }
    }
}

Этот код выполняет перебор всех пунктов меню, идентифицированного как ‘Top’, и проверяет наличие класса ‘mycustomclass’. Если класс обнаружен, выполняется заданный фрагмент кода. Это может быть полезно для применения специальной стилизации или логики обработки для определенных элементов меню.

Оптимизация

Рассмотренный подход может быть улучшен в зависимости от специфики вашего проекта. Некоторые советы по оптимизации могут включать:

1. Кэширование результатов: Если у вас много пунктов меню или сложная логика для каждого пункта, рассмотрите возможность кэширования результатов запросов для сокращения времени выполнения.

2. Улучшение условий: Можете использовать более сложные проверки, например, в зависимости от текущего URL или постайди.

3. Использование хуков более рационально: Вместо изменения состояний классов на фронтенде, возможно, стоит добавлять классы в зависимости от состояний сервера или использования других контекстуальных данных.

Таким образом, процесс получения и использования CSS-классов для текущего пункта меню в WordPress может быть выполнен с использованием различных методов, которые предложат гибкость и расширяемость для различных потребностей проекта. Понимание основ и правильное использование доступных инструментов поможет эффективно управлять внешним видом и поведением вашего меню.