Initial commit
This commit is contained in:
Gitium
249
wp-content/themes/twentyseventeen/inc/customizer.php
Normal file
249
wp-content/themes/twentyseventeen/inc/customizer.php
Normal file
@ -0,0 +1,249 @@
|
||||
<?php
|
||||
/**
|
||||
* Twenty Seventeen: Customizer
|
||||
*
|
||||
* @package WordPress
|
||||
* @subpackage Twenty_Seventeen
|
||||
* @since Twenty Seventeen 1.0
|
||||
*/
|
||||
|
||||
/**
|
||||
* Add postMessage support for site title and description for the Theme Customizer.
|
||||
*
|
||||
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
|
||||
*/
|
||||
function twentyseventeen_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';
|
||||
|
||||
$wp_customize->selective_refresh->add_partial(
|
||||
'blogname',
|
||||
array(
|
||||
'selector' => '.site-title a',
|
||||
'render_callback' => 'twentyseventeen_customize_partial_blogname',
|
||||
)
|
||||
);
|
||||
$wp_customize->selective_refresh->add_partial(
|
||||
'blogdescription',
|
||||
array(
|
||||
'selector' => '.site-description',
|
||||
'render_callback' => 'twentyseventeen_customize_partial_blogdescription',
|
||||
)
|
||||
);
|
||||
|
||||
/**
|
||||
* Custom colors.
|
||||
*/
|
||||
$wp_customize->add_setting(
|
||||
'colorscheme',
|
||||
array(
|
||||
'default' => 'light',
|
||||
'transport' => 'postMessage',
|
||||
'sanitize_callback' => 'twentyseventeen_sanitize_colorscheme',
|
||||
)
|
||||
);
|
||||
|
||||
$wp_customize->add_setting(
|
||||
'colorscheme_hue',
|
||||
array(
|
||||
'default' => 250,
|
||||
'transport' => 'postMessage',
|
||||
'sanitize_callback' => 'absint', // The hue is stored as a positive integer.
|
||||
)
|
||||
);
|
||||
|
||||
$wp_customize->add_control(
|
||||
'colorscheme',
|
||||
array(
|
||||
'type' => 'radio',
|
||||
'label' => __( 'Color Scheme', 'twentyseventeen' ),
|
||||
'choices' => array(
|
||||
'light' => __( 'Light', 'twentyseventeen' ),
|
||||
'dark' => __( 'Dark', 'twentyseventeen' ),
|
||||
'custom' => __( 'Custom', 'twentyseventeen' ),
|
||||
),
|
||||
'section' => 'colors',
|
||||
'priority' => 5,
|
||||
)
|
||||
);
|
||||
|
||||
$wp_customize->add_control(
|
||||
new WP_Customize_Color_Control(
|
||||
$wp_customize,
|
||||
'colorscheme_hue',
|
||||
array(
|
||||
'mode' => 'hue',
|
||||
'section' => 'colors',
|
||||
'priority' => 6,
|
||||
)
|
||||
)
|
||||
);
|
||||
|
||||
/**
|
||||
* Theme options.
|
||||
*/
|
||||
$wp_customize->add_section(
|
||||
'theme_options',
|
||||
array(
|
||||
'title' => __( 'Theme Options', 'twentyseventeen' ),
|
||||
'priority' => 130, // Before Additional CSS.
|
||||
)
|
||||
);
|
||||
|
||||
$wp_customize->add_setting(
|
||||
'page_layout',
|
||||
array(
|
||||
'default' => 'two-column',
|
||||
'sanitize_callback' => 'twentyseventeen_sanitize_page_layout',
|
||||
'transport' => 'postMessage',
|
||||
)
|
||||
);
|
||||
|
||||
$wp_customize->add_control(
|
||||
'page_layout',
|
||||
array(
|
||||
'label' => __( 'Page Layout', 'twentyseventeen' ),
|
||||
'section' => 'theme_options',
|
||||
'type' => 'radio',
|
||||
'description' => __( 'When the two-column layout is assigned, the page title is in one column and content is in the other.', 'twentyseventeen' ),
|
||||
'choices' => array(
|
||||
'one-column' => __( 'One Column', 'twentyseventeen' ),
|
||||
'two-column' => __( 'Two Column', 'twentyseventeen' ),
|
||||
),
|
||||
'active_callback' => 'twentyseventeen_is_view_with_layout_option',
|
||||
)
|
||||
);
|
||||
|
||||
/**
|
||||
* Filter number of front page sections in Twenty Seventeen.
|
||||
*
|
||||
* @since Twenty Seventeen 1.0
|
||||
*
|
||||
* @param int $num_sections Number of front page sections.
|
||||
*/
|
||||
$num_sections = apply_filters( 'twentyseventeen_front_page_sections', 4 );
|
||||
|
||||
// Create a setting and control for each of the sections available in the theme.
|
||||
for ( $i = 1; $i < ( 1 + $num_sections ); $i++ ) {
|
||||
$wp_customize->add_setting(
|
||||
'panel_' . $i,
|
||||
array(
|
||||
'default' => false,
|
||||
'sanitize_callback' => 'absint',
|
||||
'transport' => 'postMessage',
|
||||
)
|
||||
);
|
||||
|
||||
$wp_customize->add_control(
|
||||
'panel_' . $i,
|
||||
array(
|
||||
/* translators: %d: The front page section number. */
|
||||
'label' => sprintf( __( 'Front Page Section %d Content', 'twentyseventeen' ), $i ),
|
||||
'description' => ( 1 !== $i ? '' : __( 'Select pages to feature in each area from the dropdowns. Add an image to a section by setting a featured image in the page editor. Empty sections will not be displayed.', 'twentyseventeen' ) ),
|
||||
'section' => 'theme_options',
|
||||
'type' => 'dropdown-pages',
|
||||
'allow_addition' => true,
|
||||
'active_callback' => 'twentyseventeen_is_static_front_page',
|
||||
)
|
||||
);
|
||||
|
||||
$wp_customize->selective_refresh->add_partial(
|
||||
'panel_' . $i,
|
||||
array(
|
||||
'selector' => '#panel' . $i,
|
||||
'render_callback' => 'twentyseventeen_front_page_section',
|
||||
'container_inclusive' => true,
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
add_action( 'customize_register', 'twentyseventeen_customize_register' );
|
||||
|
||||
/**
|
||||
* Sanitize the page layout options.
|
||||
*
|
||||
* @param string $input Page layout.
|
||||
*/
|
||||
function twentyseventeen_sanitize_page_layout( $input ) {
|
||||
$valid = array(
|
||||
'one-column' => __( 'One Column', 'twentyseventeen' ),
|
||||
'two-column' => __( 'Two Column', 'twentyseventeen' ),
|
||||
);
|
||||
|
||||
if ( array_key_exists( $input, $valid ) ) {
|
||||
return $input;
|
||||
}
|
||||
|
||||
return '';
|
||||
}
|
||||
|
||||
/**
|
||||
* Sanitize the colorscheme.
|
||||
*
|
||||
* @param string $input Color scheme.
|
||||
*/
|
||||
function twentyseventeen_sanitize_colorscheme( $input ) {
|
||||
$valid = array( 'light', 'dark', 'custom' );
|
||||
|
||||
if ( in_array( $input, $valid, true ) ) {
|
||||
return $input;
|
||||
}
|
||||
|
||||
return 'light';
|
||||
}
|
||||
|
||||
/**
|
||||
* Render the site title for the selective refresh partial.
|
||||
*
|
||||
* @since Twenty Seventeen 1.0
|
||||
* @see twentyseventeen_customize_register()
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
function twentyseventeen_customize_partial_blogname() {
|
||||
bloginfo( 'name' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Render the site tagline for the selective refresh partial.
|
||||
*
|
||||
* @since Twenty Seventeen 1.0
|
||||
* @see twentyseventeen_customize_register()
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
function twentyseventeen_customize_partial_blogdescription() {
|
||||
bloginfo( 'description' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Return whether we're previewing the front page and it's a static page.
|
||||
*/
|
||||
function twentyseventeen_is_static_front_page() {
|
||||
return ( is_front_page() && ! is_home() );
|
||||
}
|
||||
|
||||
/**
|
||||
* Return whether we're on a view that supports a one or two column layout.
|
||||
*/
|
||||
function twentyseventeen_is_view_with_layout_option() {
|
||||
// This option is available on all pages. It's also available on archives when there isn't a sidebar.
|
||||
return ( is_page() || ( is_archive() && ! is_active_sidebar( 'sidebar-1' ) ) );
|
||||
}
|
||||
|
||||
/**
|
||||
* Bind JS handlers to instantly live-preview changes.
|
||||
*/
|
||||
function twentyseventeen_customize_preview_js() {
|
||||
wp_enqueue_script( 'twentyseventeen-customize-preview', get_theme_file_uri( '/assets/js/customize-preview.js' ), array( 'customize-preview' ), '20161002', true );
|
||||
}
|
||||
add_action( 'customize_preview_init', 'twentyseventeen_customize_preview_js' );
|
||||
|
||||
/**
|
||||
* Load dynamic logic for the customizer controls area.
|
||||
*/
|
||||
function twentyseventeen_panels_js() {
|
||||
wp_enqueue_script( 'twentyseventeen-customize-controls', get_theme_file_uri( '/assets/js/customize-controls.js' ), array(), '20161020', true );
|
||||
}
|
||||
add_action( 'customize_controls_enqueue_scripts', 'twentyseventeen_panels_js' );
|
||||
Reference in New Issue
Block a user