根据自定义页面向元素添加类（Wordpress）

Question

目标： 我需要根据当前活动页面突出显示菜单/导航链接上的元素。示例 - 查看“关于”页面将突出显示菜单上的“关于”项。

我尝试过的： highlight active element based on active page 最有意义，但是：

• 它不是根据正在查看的页面添加类。我在 .php 模板文件和从仪表板本身创建的 Wordpress 页面上添加了变量，但两者都不起作用。

关于如何完成此任务的任何建议？

Wordpress 仪表板页面：关于 自定义模板文件：About.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 上，您将获得当前页面名称，因此类将基于页面名称获得。

谢谢！