'',
'site_background_color' => '',
'site_background_image_url' => '',
'header_container_background_color' => '',
'header_background_color' => '',
'global_navi_background_color' => '',
'main_column_border_color' => '',
'sidebar_border_color' => '',
'appeal_area_background_color' => '',
'footer_background_color' => ''
);
//全体色と角丸のデフォルト値設定
const S_DEFAULT = array(
'default' => array(
'bg' => '#d8eeff',
'corner' => '15',
),
);
//角丸調節バー
if( class_exists( 'WP_Customize_Control' ) ) {
class WP_Customize_Range extends WP_Customize_Control {
public $type = 'range';
public function __construct( $manager, $id, $args = array() ) {
parent::__construct( $manager, $id, $args );
$defaults = array(
'min' => 0,
'max' => 10,
'step' => 1
);
$args = wp_parse_args( $args, $defaults );
$this->min = $args['min'];
$this->max = $args['max'];
$this->step = $args['step'];
}
public function render_content() {
?>
add_section(
'section_neumorphism',
array(
'title' => 'Neumorphism',
'priority' => 30,
)
);
//角丸設定追加
$wp_customize->add_setting( 'customizable_range' , array(
'default' => 15,
'type' => 'theme_mod'
)
);
//「セクション」と「テーマ設定」を紐づけてコントロールを出力
$wp_customize->add_control(
new WP_Customize_Range(
$wp_customize,
'ctrl_customizable_range',
array(
'label' => '角の丸さ調節',
'min' => 0,
'max' => 30,
'step' => 1,
'section' => 'section_neumorphism',
'settings' => 'customizable_range',
)
)
);
//全体色設定追加
$wp_customize->add_setting(
'color_bg',
array(
'default' => '#d8eeff', // デフォルト値を設定
'sanitize_callback' => 'sanitize_hex_color',
'transport' => 'postMessage',
)
);
//「セクション」と「テーマ設定」を紐づけてコントロールを出力
$wp_customize->add_control(
new WP_Customize_Color_Control(
$wp_customize,
'color_bg',
array(
'section' => 'section_neumorphism',
'settings' => 'color_bg',
'label' => '色',
)
)
);
}
add_action( 'customize_register', 'customizer_color' );
//取得した色をhead内にCSS変数にして入れ込み
function root_customize_css(){
$color_bg = esc_html( get_theme_mod( 'color_bg', S_DEFAULT['default']['bg'] ) );
$color_ki = generate_new_color( $color_bg, -0.7 );
$color_us = generate_new_color( $color_bg, 0.07 );
$color_hk = generate_new_color( $color_bg, 0.18 );
$light_color = generate_new_color( $color_bg, 0.1 );
$dark_color = generate_new_color( $color_bg, -0.15 );
$customizable_range = esc_html( get_theme_mod( 'customizable_range', S_DEFAULT['default']['corner'] ) );
?>
get( 'Version' );
wp_enqueue_script( 'neumorphism-customize-preview', get_theme_file_uri( 'skins/skin-neumorphism/customizer-preview.js' ), array( 'customize-preview', 'jquery' ), $theme_version, true );
}
add_action( 'customize_preview_init', 'neumorphism_customize_preview_init' );