如何在WordPress wp_NAV_MENU中添加当前页面上的css类

时间:2012-12-06 作者:edgematrix

如何在wordpress wp\\u nav\\u菜单的当前页面上添加css类

For Example I Want To Use It In Wordpress wp_nav_menu

<li><a href="index.php?id=index&colortheme=green" class="selected" title="Home">Home</a></li>

Wordpress Code

<?php $menu_args = array(\'menu\' => \'Header\' ); wp_nav_menu( $menu_args ); ?>

Using This Function

function add_nav_class($output) {
$output= preg_replace(\'/<a/\', \'<a class="selected"\', $output, 1);
return $output;
}
add_filter(\'wp_nav_menu\', \'add_nav_class\');

but this function select only home and not highlight current page item thanks in advance

1 个回复
SO网友:user873041

WordPress已经为此添加了一个名为.current-menu-item 因此,只需在css文件中以该类为目标。

例如,如果菜单位于ID为的div中navigation, 添加以下内容:

#navigation .current-menu-item {}

结束

相关推荐

WooCommerce dynamic menus

我有一个基本的WordPress网站,设置了Suffusion主题和WooCommerce插件。这在大多数情况下都很有效,但是当我让人们点击/悬停在“Shop”菜单图标上时,我希望它能够动态地下拉我定义的产品类别。我如何做到这一点?我肯定有关于这个主题的文档,但我不确定要查找什么。我主要是一名系统管理员。