158 lines
4.0 KiB
PHP
158 lines
4.0 KiB
PHP
<?php
|
|
/**
|
|
* Twenty Nineteen: Customizer
|
|
*
|
|
* @package WordPress
|
|
* @subpackage Twenty_Nineteen
|
|
* @since Twenty Nineteen 1.0
|
|
*/
|
|
|
|
/**
|
|
* Add postMessage support for site title and description for the Theme Customizer.
|
|
*
|
|
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
|
|
*/
|
|
function twentynineteen_customize_register( $wp_customize ) {
|
|
$wp_customize->get_setting( 'blogname' )->transport = 'postMessage';
|
|
$wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage';
|
|
$wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage';
|
|
|
|
if ( isset( $wp_customize->selective_refresh ) ) {
|
|
$wp_customize->selective_refresh->add_partial(
|
|
'blogname',
|
|
array(
|
|
'selector' => '.site-title a',
|
|
'render_callback' => 'twentynineteen_customize_partial_blogname',
|
|
)
|
|
);
|
|
$wp_customize->selective_refresh->add_partial(
|
|
'blogdescription',
|
|
array(
|
|
'selector' => '.site-description',
|
|
'render_callback' => 'twentynineteen_customize_partial_blogdescription',
|
|
)
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Primary color.
|
|
*/
|
|
$wp_customize->add_setting(
|
|
'primary_color',
|
|
array(
|
|
'default' => 'default',
|
|
'transport' => 'postMessage',
|
|
'sanitize_callback' => 'twentynineteen_sanitize_color_option',
|
|
)
|
|
);
|
|
|
|
$wp_customize->add_control(
|
|
'primary_color',
|
|
array(
|
|
'type' => 'radio',
|
|
'label' => __( 'Primary Color', 'twentynineteen' ),
|
|
'choices' => array(
|
|
'default' => _x( 'Default', 'primary color', 'twentynineteen' ),
|
|
'custom' => _x( 'Custom', 'primary color', 'twentynineteen' ),
|
|
),
|
|
'section' => 'colors',
|
|
'priority' => 5,
|
|
)
|
|
);
|
|
|
|
// Add primary color hue setting and control.
|
|
$wp_customize->add_setting(
|
|
'primary_color_hue',
|
|
array(
|
|
'default' => 199,
|
|
'transport' => 'postMessage',
|
|
'sanitize_callback' => 'absint',
|
|
)
|
|
);
|
|
|
|
$wp_customize->add_control(
|
|
new WP_Customize_Color_Control(
|
|
$wp_customize,
|
|
'primary_color_hue',
|
|
array(
|
|
'description' => __( 'Apply a custom color for buttons, links, featured images, etc.', 'twentynineteen' ),
|
|
'section' => 'colors',
|
|
'mode' => 'hue',
|
|
)
|
|
)
|
|
);
|
|
|
|
// Add image filter setting and control.
|
|
$wp_customize->add_setting(
|
|
'image_filter',
|
|
array(
|
|
'default' => 1,
|
|
'sanitize_callback' => 'absint',
|
|
'transport' => 'postMessage',
|
|
)
|
|
);
|
|
|
|
$wp_customize->add_control(
|
|
'image_filter',
|
|
array(
|
|
'label' => __( 'Apply a filter to featured images using the primary color', 'twentynineteen' ),
|
|
'section' => 'colors',
|
|
'type' => 'checkbox',
|
|
)
|
|
);
|
|
}
|
|
add_action( 'customize_register', 'twentynineteen_customize_register' );
|
|
|
|
/**
|
|
* Render the site title for the selective refresh partial.
|
|
*
|
|
* @return void
|
|
*/
|
|
function twentynineteen_customize_partial_blogname() {
|
|
bloginfo( 'name' );
|
|
}
|
|
|
|
/**
|
|
* Render the site tagline for the selective refresh partial.
|
|
*
|
|
* @return void
|
|
*/
|
|
function twentynineteen_customize_partial_blogdescription() {
|
|
bloginfo( 'description' );
|
|
}
|
|
|
|
/**
|
|
* Bind JS handlers to instantly live-preview changes.
|
|
*/
|
|
function twentynineteen_customize_preview_js() {
|
|
wp_enqueue_script( 'twentynineteen-customize-preview', get_theme_file_uri( '/js/customize-preview.js' ), array( 'customize-preview' ), '20181214', array( 'in_footer' => true ) );
|
|
}
|
|
add_action( 'customize_preview_init', 'twentynineteen_customize_preview_js' );
|
|
|
|
/**
|
|
* Load dynamic logic for the customizer controls area.
|
|
*/
|
|
function twentynineteen_panels_js() {
|
|
wp_enqueue_script( 'twentynineteen-customize-controls', get_theme_file_uri( '/js/customize-controls.js' ), array(), '20181214', array( 'in_footer' => true ) );
|
|
}
|
|
add_action( 'customize_controls_enqueue_scripts', 'twentynineteen_panels_js' );
|
|
|
|
/**
|
|
* Sanitize custom color choice.
|
|
*
|
|
* @param string $choice Whether image filter is active.
|
|
* @return string
|
|
*/
|
|
function twentynineteen_sanitize_color_option( $choice ) {
|
|
$valid = array(
|
|
'default',
|
|
'custom',
|
|
);
|
|
|
|
if ( in_array( $choice, $valid, true ) ) {
|
|
return $choice;
|
|
}
|
|
|
|
return 'default';
|
|
}
|