如何为Genesis主题增加切换样式的选项（Color Style Option）

最后更新于 2012 年 11 月 20 日

很多高级WordPress主题都自带多重样式，可以通过后台选项为主题应用不同的色调。Genesis框架也为这种功能提供了实现方法。

增加切换样式的后台选项

在子模板的functions.php中添加如下代码

/** Create additional color style options */
add_theme_support('genesis-style-selector', array('theme-blue' => 'Blue', 'theme-green' => 'Green', 'theme-orange' => 'Orange', 'theme-red' => 'Red'));

到后台访问Genesis->Theme Settings就可以看到代码添加的切换颜色选项已经出现了。

如果选中Blue，网站的body上会多一个class叫theme-blue

定制不同颜色的样式表

选择不同的样式，则body带有不同的class，就可以通过这个class来定制每个样式的样子了，例如

.theme-blue a, .theme-blue a:visited {
    color: #0d72c7;
}