добавить класс к элементу на основе пользовательской страницы (Wordpress)

Question

Цель: мне нужно, чтобы элемент в ссылках меню / навигации был выделен на основе текущей активной страницы. Пример - при просмотре страницы «О программе» в меню будет выделен пункт «О программе».

Что я пробовал: выделение активного элемента на основе активной страницы имело смысл, но:

• Это не добавление класса на основе просматриваемой страницы. Я добавил переменную в файл шаблона. php и на страницу Wordpress, созданную на самой панели, но оба они не работают.

Любые предложения о том, как выполнить sh это?

Страница панели Wordpress: О файле пользовательского шаблона: О программе. php

Пункты меню:

<div>
  <a class="(add class here based on page url)">About</a>
  <a class="(add class here based on page url)">Blog</a>
  <a class="(add class here based on page url)">Products</a>
  <a class="(add class here based on page url)">Contact</a>
<div>

Answer 1

Вы можете попробовать следующее:

<?php 
global $post;       
// add 'post_name' to the $post_class                
$post_class = $post->post_name;
?>

<div>
    <a class="<?php echo $post_class; ?>_page">item</a> 
    <a>item</a> 
    <a>item</a> 
    <a>item</a> 
<div>

На $ post_class вы получите имя текущей страницы, поэтому класс будет основан на имени страницы.

Спасибо!