web-dev-qa-db-ja.com

カスタマイザAPIのCSSを変更する

ヘヨ、

私のCustomizerThemeを通常とは少し違った外観にしたいです。例えば、400pxではなくwidth300pxにしたいのです。そのためにカスタムCSSを含める方法はありますか?

前もって感謝します!

1
Pelle2010

もちろん、 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' );
1
Tim Elsass