0

我在下面有这个导航栏标记,什么是最简单的方法来操作我的HTMLor CSS,当用户在时/contact.php<li> contact会变成<li class="active">Contact</li>.

<ul>
<li class="active"> HOME </li>
<li> CONTACT</li>
</ul>

我不确定我的逻辑是否正确。但这就是我的想法

if(isset($_GET) == '.../contact.php') { 
    // change Markup here
}

另外,请注意我正在使用 wordpress。可能有一些我可能不知道的wordpress方式..

4

3 回答 3

1

我为您找到了一个可能会有所帮助的链接,CMS 系统(如 joomla 的 Wordpress)的工作方式略有不同

http://wordpress.org/support/topic/adding-active-class-to-active-menu-item

如果有什么请告诉我。

于 2013-09-20T02:41:15.017 回答
1

我想知道您是否正在使用wp_nav_menu。如果这样做,则无需手动对菜单进行编码。

关于当前选择的菜单项的高亮和其他功能,我总是参考二十三主题如何处理它。从 theme中查看这个style.css ,搜索“4.2 Navigation”,使用该代码,您可以突出显示当前菜单项以及将来可能需要的其他功能。

于 2013-09-20T03:36:45.743 回答
0

Wordpress allready 会自动在当前活动的菜单项上添加 current-menu-item,因此如果您使用的是 wordpress 本机菜单,则当您在联系页面上时,您的菜单中的联系人项已经具备此类。

.current-menu-item {// your code}

于 2013-09-20T03:06:12.433 回答