Question

我需要设置header.php中的主菜单样式，具体取决于我是否在字体页面或博客(is_home(),is_front_page())上。

如果不渲染完全不同的菜单，只更改css文件中的样式，我怎么能这样做？

Answer 1

您可以使CSS选择器更加特定于仅位于前面和博客页面的目标元素，因为某些类被赋予这些页面上的<body>标记：

#my-menu > ul > li {
    /* Some styles */
}

会变成：

body.home #my-menu > ul > li {
    /* Some styles only to be applied on the front page */
}

body.blog #my-menu > ul > li {
    /* Some styles only to be applied on the blog page */
}

Answer 2

编辑 @George解决方案最适合您的情况。对于那些正在寻找更可定制的东西，请继续阅读。

您可以在每个帖子/页面上添加自己的自定义字段，检查当前页面是否包含此自定义字段，并检查header.php中的值（请参阅get_query_var）并将您自己的类附加到body { {1}}

通过这种方式，只需添加自定义字段，您就可以为不同的页面设置不同的主题。

WordPress中的条件样式菜单

2 个答案: