ヘヨ、
私のCustomizer
のTheme
を通常とは少し違った外観にしたいです。例えば、400px
ではなくwidth
を300px
にしたいのです。そのためにカスタムCSSを含める方法はありますか?
前もって感謝します!
もちろん、 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' );