WordPress网站实现首页与其他页面头部文字差异化配色

WordPress会自动给首页的<body>标签添加专属类名（默认是home，静态首页可能是page-id-[页面ID]），我们可以利用这个特性实现首页和其他页面的头部文字配色差异化，具体代码如下：

/* 所有页面头部文字默认设为黑色 */
#header .header_default, 
#header .header_default .stm_header_links a, 
#header .header_default .header_main_menu_wrapper a, 
#header .header_default .header_top_bar a, 
#header .header_default .right_buttons a > i, 
#header .header_default .header_top_bar {
    color: #000000;
}

/* 首页头部文字单独设为白色 */
.home #header .header_default, 
.home #header .header_default .stm_header_links a, 
.home #header .header_default .header_main_menu_wrapper a, 
.home #header .header_default .header_top_bar a, 
.home #header .header_default .right_buttons a > i, 
.home #header .header_default .header_top_bar {
    color: #EDEDED;
}

注意事项 #

• 如果你的首页是自定义静态页面，右键页面空白处选择「检查」，找到<body>标签的class属性，把代码中的.home替换成对应的类名（比如page-id-123）。
• 把这段代码替换你原来的CSS代码，添加到主题的自定义CSS面板或者子主题的style.css文件中即可生效。

内容的提问来源于stack exchange，提问作者Carlos Chávez Hinostroza