如何在Wordpress中将每个菜单上的不同项目定位到活动状态

时间:2011-06-30 01:46:08

标签: wordpress header navigation

我想在活动状态下更改顶部导航的每个项目的颜色:

例如,在给定的页面上,以及与此相关的类别页面,当用户在该页面上时,我希望名为“Thought Piece”的标题导航为紫色。

目前我有:

builder-module-navigation li a, .builder-module-navigation li.current_page_item li a, .builder-module-navigation li.current-cat li a { font-size: 12px; padding: 0.2em .7em; line-height: 1.5em; color: #666; font-family:Georgia, "Times New Roman", Times, serif; text-decoration: none; background: transparent; text-transform:uppercase; }

我认为这可以解决问题,但事实并非如此:

.builder-module-navigation li.current_page_item #menu-item-78 li a, .builder-module-navigation li.current-cat #menu-item-78 li a { color:#9900cc; }

如何正确定位特定类?

3 个答案:

答案 0 :(得分:1)

你需要使用一些PHP来完成它,如WordPress Codex中所述。

相关函数是is_page(),用于确定您所在的页面以及将动态CSS属性写入HTML的一些简单PHP逻辑。

答案 1 :(得分:0)

更容易使用<body <?php body_class(); ?>>查找当前页面和CSS。请参阅http://codex.wordpress.org/Function_Reference/body_classWordpress wp_nav_menu help

答案 2 :(得分:0)

如果您使用内置菜单模块,它会自动将一类电流添加到正确的链接。

了解如何使用自定义菜单here