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');