更改定制器API的CSS

时间:2017-07-27 作者:Pelle2010

你好,

我想让Customizer 我的Theme 看起来和平常有点不同。例如,我想width400px 而不是300px. 有没有一种方法可以包含自定义CSS?

提前感谢!

1 个回复
最合适的回答,由SO网友:Tim Elsass 整理而成

当然,您可以使用customize_controls_enqueue_scripts 钩子加载自定义CSS和JS。

这是制作400px面板的一个示例:

文件:sample-theme/css/customizer-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;
}
文件:sample-theme/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\' );

结束

相关推荐

为什么在通过AJAX加载页面时使用admin-ajax.php?

我用过this tutorial 在我的网站上实现ajax页面转换。在查看了一些问题后,我发现在大多数论坛帖子上,人们都建议“使用”admin-ajax.php. 我对此进行了调查,但恐怕我真的不明白它是如何工作的。这是我的电流page-transition.js, 这已经开始很好地发挥作用了。如果我使用admin-ajax.php, 它真的是“强制性的”吗?jQuery(document).ready(function (event) { // get rooturl via