获取POST slug并与菜单项slug匹配以更改css

时间:2021-01-27 作者:Kanjoo

我有一个基于特定类别帖子的自定义垂直菜单。我想将菜单项的slug与当前帖子的slug进行匹配,以应用css。具体来说,我想更改所选菜单项的背景。所选菜单项意味着,当用户单击菜单并加载页面时,应更改该菜单项的背景,表明用户处于该菜单项/帖子中。我认为,如果菜单项由帖子组成,那么帖子的slug和菜单项的slug应该是相同的。在html中,每个li标记都有菜单项ID

<?php 
    global $post;
    $post_slug = $post->post_name;
//get menu item id corresponding to the post/menu item slug
//apply css
?>
hmtl的锂元素之一是

<li id="menu-item-227" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-227">
        <a href="https://www.tutorialsart.com/cpp-history-and-advantages/">
          C++ History and advantages
        </a>
</li>
我想应用的css是

.current_page_item{
   background-color:#4ba668;
  color: white;
  display:block;
}

1 个回复
最合适的回答,由SO网友:Kanjoo 整理而成

WordPress已经current-menu-item 班可以应用以下CSS。

.current-menu-item{
   background-color:#4ba668;
  color: white;
  display:block;
}
感谢博斯科的评论。