add_panel( 'appearance_settings', array( 'priority' => 50, 'capability' => 'edit_theme_options', 'title' => __( 'Appearance Settings', 'blossom-fashion' ), 'description' => __( 'Customize Typography, Header Image & Background Image', 'blossom-fashion' ), ) ); /** Typography */ $wp_customize->add_section( 'typography_settings', array( 'title' => __( 'Typography', 'blossom-fashion' ), 'priority' => 10, 'panel' => 'appearance_settings', ) ); /** Primary Font */ $wp_customize->add_setting( 'primary_font', array( 'default' => 'Montserrat', 'sanitize_callback' => 'blossom_fashion_sanitize_select' ) ); $wp_customize->add_control( new Blossom_Fashion_Select_Control( $wp_customize, 'primary_font', array( 'label' => __( 'Primary Font', 'blossom-fashion' ), 'description' => __( 'Primary font of the site.', 'blossom-fashion' ), 'section' => 'typography_settings', 'choices' => blossom_fashion_get_all_fonts(), ) ) ); /** Secondary Font */ $wp_customize->add_setting( 'secondary_font', array( 'default' => 'Cormorant Garamond', 'sanitize_callback' => 'blossom_fashion_sanitize_select' ) ); $wp_customize->add_control( new Blossom_Fashion_Select_Control( $wp_customize, 'secondary_font', array( 'label' => __( 'Secondary Font', 'blossom-fashion' ), 'description' => __( 'Secondary font of the site.', 'blossom-fashion' ), 'section' => 'typography_settings', 'choices' => blossom_fashion_get_all_fonts(), ) ) ); /** Font Size*/ $wp_customize->add_setting( 'font_size', array( 'default' => 16, 'sanitize_callback' => 'blossom_fashion_sanitize_number_absint' ) ); $wp_customize->add_control( new Blossom_Fashion_Slider_Control( $wp_customize, 'font_size', array( 'section' => 'typography_settings', 'label' => __( 'Font Size', 'blossom-fashion' ), 'description' => __( 'Change the font size of your site.', 'blossom-fashion' ), 'choices' => array( 'min' => 10, 'max' => 50, 'step' => 1, ) ) ) ); /** Move Background Image section to appearance panel */ $wp_customize->get_section( 'background_image' )->panel = 'appearance_settings'; $wp_customize->get_section( 'background_image' )->priority = 30; } add_action( 'customize_register', 'blossom_fashion_customize_register_appearance' );