WordPress テーマカスタマイザーでテーマカラーを管理する方法
テーマカスタマイザーへオリジナルの項目を追加
コードを functions.php に記述します。
// テーマカスタマイザーへオリジナルの項目を追加 function my_theme_customize_register( $wp_customize ) { $wp_customize->add_section( 'original_theme_colors', array( 'title' => 'テーマカラー', // 項目名 'priority' => 200, // 優先順位 )); $wp_customize->add_setting( 'primery_theme_color_options', array( 'default' => '#443412', )); $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'primery_theme_color_options', array( 'label' => 'プライマリーテーマカラー', 'section' => 'original_theme_colors', 'settings' => 'primery_theme_color_options', 'priority' => 20, ))); } add_action( 'customize_register', 'my_theme_customize_register' ); function prime_theme_color() { $prime_theme_color = get_theme_mod( 'primery_theme_color_options', '#443412'); ?> <style type="text/css"> .navbar { background-color: <?php echo $prime_theme_color; ?>; } </style> <?php } add_action( 'wp_head', 'prime_theme_color');