更改Customizer的CSS

Question

嘿哟，

我想让我的Customizer Theme看起来和平时有点不同。例如，我想让width变成400px而不是300px。有什么方法可以包括自定义CSS吗？

提前感谢！

Answer 1

当然，您可以使用自定义_控件_排队_脚本钩子加载自定义的CSS和JS。

这是一个使面板400 of的示例：

文件:示例-主题/css/定制器-Controls.css

.wp-full-overlay.expanded {
    margin-left: 400px;
}
.wp-full-overlay-sidebar {
    min-width: 400px;
}
.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
    margin-left: -400px;
}

文件:样例-主题/Functions.php

/**
 * Enqueue style for customized customizer.
 */
 function sample_theme_customize_enqueue() {
     wp_enqueue_style( 'custom-customize', get_theme_file_uri( 'css/sample-theme-customizer-controls.css' ) );
 }

 add_action( 'customize_controls_enqueue_scripts', 'sample_theme_customize_enqueue' );