Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何定制WordPress';s wp_导航菜单功能_Wordpress - Fatal编程技术网

如何定制WordPress';s wp_导航菜单功能

如何定制WordPress';s wp_导航菜单功能,wordpress,Wordpress,我在WordPress网站上工作,顶部导航由以下内容生成: 它从wp_admin中定义的列表中提取导航项 问题是,我希望每个项目都有额外的、有条件的CSS。具体来说, 1) 悬停时,我希望文本上色,并显示相同颜色的线条 2) 当我在某个区域(由slug决定)时,我希望该菜单项保持彩色。i、 e:主动 3) 每个菜单项都有不同的颜色-在导航系统中不是通用的 显然,这背后的CSS很简单。我的问题是如何保持使用wp_nav_menu()的“黑盒”特性,但仍然能够将所有条件代码放在nav中 这可能吗

我在WordPress网站上工作,顶部导航由以下内容生成:

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

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

1) 悬停时,我希望文本上色,并显示相同颜色的线条

2) 当我在某个区域(由slug决定)时,我希望该菜单项保持彩色。i、 e:主动

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

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

这可能吗

谢谢

使用wp_nav_menu():自定义步行器您可以自定义自己的方式菜单项 例子:

在样式表中使用css选择器
nth-of-type()
可以在没有id的情况下选择单个元素我知道nth-of-type()是如何工作的,但我不确定这是如何起作用的。你能详细说明一下你的建议吗?walker最后只输出html,如果你看最后的结果,你的第三个标准是ul li:
ul li:n类型(3){background:black;}
将为你的第三个li上色。(ps添加了比ul-li更具体的选择器,例如nav-ul-li),hover也是如此,
ul-li:hover
我知道你要怎么做了。有趣的有没有办法根据您所在的页面激活其中一个导航项目?换句话说,我的六个导航项目对应六个类别。有没有办法告诉wp_nav_menu检查导航项目是否与类别匹配,如果匹配,则添加活动类别?啊,rite,检查您的html以查看它位于何处,此时您正在选择每个li中具有“类当前”菜单项的第一个子项,这是正确的吗?尽管我非常欣赏该链接,但我的头正在旋转,试图理解它!:(