WordPress.org

Make WordPress Core

Changeset 29944


Ignore:
Timestamp:
10/17/2014 08:51:46 PM (7 years ago)
Author:
iandstewart
Message:

Twenty Fifteen: Removing unused custom color controls.

Props cainm, fixes #29982 and #29959.

Location:
trunk/src/wp-content/themes/twentyfifteen
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentyfifteen/inc/customizer.php

    r29942 r29944  
    2828    ) );
    2929
    30     $wp_customize->add_control( new Twentyfifteen_Customize_Color_Scheme_Control( $wp_customize, 'color_scheme', array(
     30    $wp_customize->add_control( 'color_scheme', array(
    3131        'label'    => esc_html__( 'Color Scheme', 'twentyfifteen' ),
    3232        'section'  => 'colors',
     33        'type'     => 'select',
    3334        'choices'  => twentyfifteen_get_color_scheme_choices(),
    3435        'priority' => 1,
    35     ) ) );
     36    ) );
    3637
    3738    // Add custom sidebar text color setting and control.
     
    5859}
    5960add_action( 'customize_register', 'twentyfifteen_customize_register', 11 );
    60 
    61 /**
    62  * Custom control for Color Schemes
    63  *
    64  * @since Twenty Fifteen 1.0
    65  */
    66 function twentyfifteen_customize_color_scheme_control() {
    67     class Twentyfifteen_Customize_Color_Scheme_Control extends WP_Customize_Control {
    68         public $type = 'colorScheme';
    69 
    70         function enqueue() {
    71             wp_enqueue_script( 'color-scheme-control', get_template_directory_uri() . '/js/color-scheme-control.js', array( 'customize-controls' ), '', true  );
    72             wp_localize_script( 'color-scheme-control', 'colorScheme', twentyfifteen_get_color_schemes() );
    73         }
    74 
    75         public function render_content() {
    76             if ( empty( $this->choices ) )
    77                 return;
    78 
    79             ?>
    80             <label>
    81                 <?php if ( ! empty( $this->label ) ) : ?>
    82                     <span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
    83                 <?php endif;
    84                 if ( ! empty( $this->description ) ) : ?>
    85                     <span class="description customize-control-description"><?php echo $this->description; ?></span>
    86                 <?php endif; ?>
    87 
    88                 <select <?php $this->link(); ?>>
    89                     <?php
    90                     foreach ( $this->choices as $value => $label )
    91                         echo '<option value="' . esc_attr( $value ) . '"' . selected( $this->value(), $value, false ) . '>' . $label . '</option>';
    92                     ?>
    93                 </select>
    94             </label>
    95             <?php
    96         }
    97     }
    98 }
    99 add_action( 'customize_register', 'twentyfifteen_customize_color_scheme_control', 10 );
    10061
    10162/**
     
    662623
    663624/**
     625 * Binds JS listener to make Customizer color_scheme control.
     626 * Passes color scheme data as colorScheme global
     627 *
     628 * @since Twenty Fifteen 1.0
     629 */
     630function twentyfifteen_customize_control_js() {
     631    wp_enqueue_script( 'color-scheme-control', get_template_directory_uri() . '/js/color-scheme-control.js', array( 'customize-controls' ), '', true  );
     632    wp_localize_script( 'color-scheme-control', 'colorScheme', twentyfifteen_get_color_schemes() );
     633}
     634add_action( 'customize_controls_enqueue_scripts', 'twentyfifteen_customize_control_js' );
     635
     636/**
    664637 * Binds JS handlers to make Customizer preview reload changes asynchronously.
    665638 *
  • trunk/src/wp-content/themes/twentyfifteen/js/color-scheme-control.js

    r29903 r29944  
    77
    88( function( wp ) {
    9     wp.customize.controlConstructor.colorScheme = wp.customize.Control.extend( {
     9    wp.customize.controlConstructor.select = wp.customize.Control.extend( {
    1010        ready: function() {
    11             var parentSection    = this.container.closest( '.control-section' ),
    12                 headerTextColor  = parentSection.find( '#customize-control-header_textcolor .color-picker-hex' ),
    13                 backgroundColor  = parentSection.find( '#customize-control-background_color .color-picker-hex' ),
    14                 sidebarColor     = parentSection.find( '#customize-control-header_background_color .color-picker-hex' ),
    15                 sidebarTextColor = parentSection.find( '#customize-control-sidebar_textcolor .color-picker-hex' );
     11            if ( 'color_scheme' === this.id ) {
     12                var parentSection    = this.container.closest( '.control-section' ),
     13                    headerTextColor  = parentSection.find( '#customize-control-header_textcolor .color-picker-hex' ),
     14                    backgroundColor  = parentSection.find( '#customize-control-background_color .color-picker-hex' ),
     15                    sidebarColor     = parentSection.find( '#customize-control-header_background_color .color-picker-hex' ),
     16                    sidebarTextColor = parentSection.find( '#customize-control-sidebar_textcolor .color-picker-hex' );
    1617
    17             this.setting.bind( 'change', function( value ) {
    18                 // if Header Text is not hidden, update value
    19                 if ( 'blank' !== wp.customize( 'header_textcolor' ).get() ) {
    20                     wp.customize( 'header_textcolor' ).set( colorScheme[value].colors[4] );
    21                     headerTextColor.val( colorScheme[value].colors[4] )
     18                this.setting.bind( 'change', function( value ) {
     19                    // if Header Text is not hidden, update value
     20                    if ( 'blank' !== wp.customize( 'header_textcolor' ).get() ) {
     21                        wp.customize( 'header_textcolor' ).set( colorScheme[value].colors[4] );
     22                        headerTextColor.val( colorScheme[value].colors[4] )
     23                            .data( 'data-default-color', colorScheme[value].colors[4] )
     24                            .wpColorPicker( 'color', colorScheme[value].colors[4] )
     25                            .wpColorPicker( 'defaultColor', colorScheme[value].colors[4] );
     26                    }
     27
     28                    // update Background Color
     29                    wp.customize( 'background_color' ).set( colorScheme[value].colors[0] );
     30                    backgroundColor.val( colorScheme[value].colors[0] )
     31                        .data( 'data-default-color', colorScheme[value].colors[0] )
     32                        .wpColorPicker( 'color', colorScheme[value].colors[0] )
     33                        .wpColorPicker( 'defaultColor', colorScheme[value].colors[0] );
     34
     35                    // update Header/Sidebar Background Color
     36                    wp.customize( 'header_background_color' ).set( colorScheme[value].colors[1] );
     37                    sidebarColor.val( colorScheme[value].colors[1] )
     38                        .data( 'data-default-color', colorScheme[value].colors[1] )
     39                        .wpColorPicker( 'color', colorScheme[value].colors[1] )
     40                        .wpColorPicker( 'defaultColor', colorScheme[value].colors[1] );
     41
     42                    // update Sidebar Text Color
     43                    wp.customize( 'sidebar_textcolor' ).set( colorScheme[value].colors[4] );
     44                    sidebarTextColor.val( colorScheme[value].colors[4] )
    2245                        .data( 'data-default-color', colorScheme[value].colors[4] )
    2346                        .wpColorPicker( 'color', colorScheme[value].colors[4] )
    2447                        .wpColorPicker( 'defaultColor', colorScheme[value].colors[4] );
    25                 }
    26 
    27                 // update Background Color
    28                 wp.customize( 'background_color' ).set( colorScheme[value].colors[0] );
    29                 backgroundColor.val( colorScheme[value].colors[0] )
    30                     .data( 'data-default-color', colorScheme[value].colors[0] )
    31                     .wpColorPicker( 'color', colorScheme[value].colors[0] )
    32                     .wpColorPicker( 'defaultColor', colorScheme[value].colors[0] );
    33 
    34                 // update Header/Sidebar Background Color
    35                 wp.customize( 'header_background_color' ).set( colorScheme[value].colors[1] );
    36                 sidebarColor.val( colorScheme[value].colors[1] )
    37                     .data( 'data-default-color', colorScheme[value].colors[1] )
    38                     .wpColorPicker( 'color', colorScheme[value].colors[1] )
    39                     .wpColorPicker( 'defaultColor', colorScheme[value].colors[1] );
    40 
    41                 // update Sidebar Text Color
    42                 wp.customize( 'sidebar_textcolor' ).set( colorScheme[value].colors[4] );
    43                 sidebarTextColor.val( colorScheme[value].colors[4] )
    44                     .data( 'data-default-color', colorScheme[value].colors[4] )
    45                     .wpColorPicker( 'color', colorScheme[value].colors[4] )
    46                     .wpColorPicker( 'defaultColor', colorScheme[value].colors[4] );
    47             } );
     48                } );
     49            }
    4850        }
    4951    } );
Note: See TracChangeset for help on using the changeset viewer.