我在下面有这个导航栏标记,操作我的HTML
或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方式我可能不知道..
答案 0 :(得分:1)
我找到了一个可能有用的链接,像joomla的Wordpress这样的CMS系统工作方式有点不同
http://wordpress.org/support/topic/adding-active-class-to-active-menu-item
如果有什么事,请告诉我。
答案 1 :(得分:1)
我想知道您是否使用wp_nav_menu。如果这样做,则无需手动编写菜单代码。
关于突出显示当前所选菜单项和其他功能,我总是参考二十四个主题如何处理它。查看此style.css from theme,搜索“4.2导航”,使用该代码,您可以突出显示当前菜单项以及将来可能需要的其他功能。
答案 2 :(得分:0)
Wordpress已经自动在当前处于活动状态的菜单项上添加当前菜单项,因此当您在联系页面上时,菜单中的联系人项目已经具有此类,前提是您正在使用wordpress本机菜单。 / p>
.current-menu-item {// your code}