使用POST页面在菜单项上保持突出显示

时间:2016-08-13 作者:dragoweb

我在本地与Wamp一起开发的WP上的主导航有问题。在数小时内搜索解决方案,但未成功。这是我的代码:

HTML(php)

<div id="primary-nav" class="primary-nav-container" role="navigation">
    <ul id="primary-menu" class="sf-menu primary-menu">
        <li id="menu-item-8" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-5 current_page_item menu-item-8"><a href="http://localhost/sw/">HOME</a></li>
        <li id="menu-item-241" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-241"><a href="http://localhost/sw/articles/">Articles</a></li>
        <li id="menu-item-339" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-339"><a href="http://localhost/sw/blog/">Blog</a></li>
        <li id="menu-item-437" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-437"><a href="http://localhost/sw/forum/">Forum</a></li>
    </ul>   
</div>
CSS突出显示

.primary-menu > li > a:hover,
.primary-menu > .current-menu-item > a,
.primary-menu > .sfHover > a {
    border-bottom: 5px solid #ddff34;
    color: #fff;
}
我为每个类别(文章和博客)创建了一个自定义页面,其中包含一个帖子列表,还有一个带有论坛类别列表的自定义页面。每个菜单项都用当前的菜单项类突出显示,当我调用文章、博客或论坛自定义页面时,它运行良好。但是,当我打开与该类别关联的页面上列出的帖子时,或者当我打开论坛线程时,该菜单项将丢失其突出显示属性当前菜单项。

我尝试了很多在谷歌上找到的方法,但似乎什么都不适合我。。。可能是因为我不太熟悉JS和PHP,所以我遗漏了一些东西:p

任何帮助都将不胜感激。

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

对找到了适合我的情况的解决方案:)

if(window.location.href.indexOf("/blog/") > -1) {
   $(\'#menu-item-339\').addClass(\'current-menu-item\');
}
if(window.location.href.indexOf("/articles/") > -1) {
   $(\'#menu-item-241\').addClass(\'current-menu-item\');
}
if(window.location.href.indexOf("/forum/") > -1) {
   $(\'#menu-item-437\').addClass(\'current-menu-item\');
}
找到的解决方案here

相关推荐

如何修改WP_INCLUDE/BLOCKS/LATEST_posts.php

我是WordPress开发的初学者,希望得到一些帮助。我在一个简单的WordPress网站上工作。基本上,用户希望在主页上显示最新的帖子。我使用了最新帖子块,并将其设置为显示整个帖子内容,现在用户不希望帖子标题链接到单个帖子页面(因为帖子的内容显示在主页上)。如何安全地修改模板文件,使其像h2标记一样使用,而不是在主题中使用的href标记。我知道您可以创建子主题并修改wp_content 文件,但我不确定如何处理中的文件wp_include. 我读到一些关于修改functions.php 但我不确定,如果