如何根据定制器部分中的主题选择来挂钩css文件

时间:2018-08-01 作者:MelbDev

我在Customizer部分添加了一个新区域,允许用户选择他们想要的主题颜色:

New customizer area

但我不知道如何根据选择激活/添加CSS文件。

i、 e.添加green.css 如果选择绿色主题颜色

或添加blue.css 如果选择了蓝色主题颜色。

1 个回复
SO网友:Jacob Peattie

可以使用访问自定义程序值get_theme_mod(), 因此,在将样式表排入队列之前,只需检查设置的值the normal way:

function wpse_310123_enqueue_scheme_css() {
    $scheme = get_theme_mod( \'theme_scheme\' );

    if ( $scheme === \'green\' ) {
        wp_enqueue_style( \'theme-green\', get_theme_file_uri( \'green.css\' ) );
    } elseif ( $scheme === \'blue\') {
        wp_enqueue_style( \'theme-blue\', get_theme_file_uri( \'blue.css\' ) );
    }
}
add_action( \'wp_enqueue_scripts\', \'wpse_310123_enqueue_scheme_css\' );
请注意,上述代码假定:

自定义设置的名称为theme_scheme. 如果不是,则将其更改为您的实际设置green 或blue. 如果他们是别的什么,比如green-theme, 然后确保更改这些get_theme_file_uri( \'assets/css/green.css\' ).

结束

相关推荐

插件中的JavaScript数据表

我有一个已经开始开发的插件,我想尝试使用datatables。net显示表格数据。我不知道如何做到这一点,在搜索和尝试了不同的东西后,我迷路了。以下是我的插件中的内容。当前,当我加载页面时,它会显示表,我可以在页面源代码中看到加载了dataTables js、dataTables css和customScriptDatatables。add_action(\'create_datatable\', \'show_datatable\'); function show_datatable (){&#