如何自定义WordPress的wp_nav_menu函数

时间:2015-07-01 21:39:29

标签: wordpress

我正在使用WordPress网站,顶级导航由以下方式生成:

<?php wp_nav_menu(array('container_class' => 'nav', 'sort_column' => 'menu_order', 'theme_location' => 'top_nav')); ?>

它从wp_admin中定义的列表中选取导航项。

事情是,我希望每个项目都有额外的,有条件的CSS。具体来说,

1)在悬停时,我想让文字变色,以及出现相同颜色的线条。

2)当我在某个区域(由slug确定)时,我希望该菜单项保持颜色。即:活跃

3)每个菜单项都有不同的颜色 - 它在导航栏中不是通用的。

显然,这背后的CSS很简单。我的问题是如何保持使用wp_nav_menu()的“黑盒子”方面,但仍然能够将所有条件代码放入导航中。

这可能吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

使用wp_nav_menu():自定义walker可以自定义自定义菜单项 例: https://wordpress.stackexchange.com/questions/14037/menu-items-description-custom-walker-for-wp-nav-menu