Wordpress页面中帖子的活动链接


active link to posts in pages Wordpress

我一直在阅读关于如何在帖子[单个页面]中保持导航链接活动的文章。我还没有找到任何解决方案,所以我创建了jquery和php的混合,但我认为这不是正确的工作方式。

所以我在思考如何进一步优化代码。有ides吗?

<?php 
if (in_category('news')){ ?>
    <script>
     $(".menu-item-46 a").css("border-bottom","#000 5px solid");
     $(".menu-item-46 a").css("padding-bottom","11px");
    </script>
<?php }elseif (in_category('network')){ ?>
    <script>
     $(".menu-item-47 a").css("border-bottom","#000 5px solid");
     $(".menu-item-47 a").css("padding-bottom","11px");
    </script>
<?php } ?>

解决这个问题的一种方法是利用CSS。

有一个名为"active"的类,并将其附加到包含要显示的菜单的父元素中。

示例:

<div class="active">
     <div class="menu-item-46"><a>My Nav</a></div>
</div>

然后在你的css文件中:

.active .menu-item-46{
    border-bottom:#000 5px solid;
    padding-bottom:11px;
}

另一个建议是给菜单项一个通用类"菜单项",以及一个id"菜单项-##"。所以css可以简单地成为".active.menu item"