Make WordPress Core

Ticket #29988: 29988.js.3.diff

File 29988.js.3.diff, 4.6 KB (added by celloexpressions, 10 years ago)

Minor formatting and docs tweaks, clearer variable name.

  • src/wp-content/themes/twentyfifteen/inc/customizer.php

     
    1717function twentyfifteen_customize_register( $wp_customize ) {
    1818        $color_scheme = twentyfifteen_get_color_scheme();
    1919
    20         $wp_customize->get_setting( 'blogname' )->transport         = 'postMessage';
    21         $wp_customize->get_setting( 'blogdescription' )->transport  = 'postMessage';
     20        $wp_customize->get_setting( 'blogname' )->transport        = 'postMessage';
     21        $wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage';
    2222
    2323        // Add color scheme setting and control.
    2424        $wp_customize->add_setting( 'color_scheme', array(
     
    254254add_action( 'customize_controls_enqueue_scripts', 'twentyfifteen_customize_control_js' );
    255255
    256256/**
    257  * Binds JS handlers to make Customizer preview reload changes asynchronously.
     257 * Binds JS handlers to make the Customizer preview reload changes asynchronously.
    258258 *
    259259 * @since Twenty Fifteen 1.0
    260260 */
     
    266266/**
    267267 * Output an Underscore template for generating CSS for the color scheme.
    268268 *
     269 * The template generates the css dynamically for instant display in the Customizer preview,
     270 * and to be saved in a `theme_mod` for display on the front-end.
     271 *
    269272 * @since Twenty Fifteen 1.0
    270273 */
    271274function twentyfifteen_color_scheme_css_template() {
     
    512515        /* Sidebar Text Color */
    513516        .site-title a:hover,
    514517        .site-title a:focus {
    515                 color: {{ data.sidebar_textcolor2 }};
     518                color: {{ data.secondary_sidebar_textcolor }};
    516519        }
    517520
    518521        /* Sidebar Border Color */
     
    592595                .widget blockquote,
    593596                .widget .wp-caption-text,
    594597                .widget .gallery-caption {
    595                         color: {{ data.sidebar_textcolor2 }};
     598                        color: {{ data.secondary_sidebar_textcolor }};
    596599                }
    597600
    598601                .widget button:hover,
     
    605608                .widget input[type="submit"]:focus,
    606609                .widget_calendar tbody a:hover,
    607610                .widget_calendar tbody a:focus {
    608                         background-color: {{ data.sidebar_textcolor2 }};
     611                        background-color: {{ data.secondary_sidebar_textcolor }};
    609612                }
    610613
    611614                .widget blockquote {
    612                         border-color: {{ data.sidebar_textcolor2 }};
     615                        border-color: {{ data.secondary_sidebar_textcolor }};
    613616                }
    614617
    615618                /* Sidebar Border Color */
  • src/wp-content/themes/twentyfifteen/js/color-scheme-control.js

     
    11/* global colorScheme */
    22/**
    33 * Add a listener to the Color Scheme control to update other color controls to new values/defaults.
     4 * Also trigger an update of the Color Scheme CSS when a color is changed.
    45 */
    56
    67( function( api ) {
     
    4546                }
    4647        } );
    4748
     49        // Generate the CSS for the current Color Scheme.
    4850        function getCSS() {
    4951                var scheme = api( 'color_scheme' )(),
    5052                        colors = _.object( colorSchemeKeys, colorScheme[ scheme ].colors );
     
    5860                colors['secondary_textcolor'] = Color( colors.textcolor ).toCSS( 'rgba', 0.7 );
    5961                colors['border_color'] = Color( colors.textcolor ).toCSS( 'rgba', 0.1 );
    6062                colors['border_focus_color'] = Color( colors.textcolor ).toCSS( 'rgba', 0.3 );
    61                 colors['sidebar_textcolor2'] = Color( colors.sidebar_textcolor ).toCSS( 'rgba', 0.7 );
     63                colors['secondary_sidebar_textcolor'] = Color( colors.sidebar_textcolor ).toCSS( 'rgba', 0.7 );
    6264                colors['sidebar_border_color'] = Color( colors.sidebar_textcolor ).toCSS( 'rgba', 0.1 );
    6365                colors['sidebar_border_focus_color'] = Color( colors.sidebar_textcolor ).toCSS( 'rgba', 0.3 );
    6466
  • src/wp-content/themes/twentyfifteen/js/customize-preview.js

     
    1010                                    .find( '#twentyfifteen-color-scheme-css' );
    1111        }
    1212
    13         // Site title and description.
     13        // Site title.
    1414        wp.customize( 'blogname', function( value ) {
    1515                value.bind( function( to ) {
    1616                        $( '.site-title a' ).text( to );
     
    1717                } );
    1818        } );
    1919
     20        // Site tagline.
    2021        wp.customize( 'blogdescription', function( value ) {
    2122                value.bind( function( to ) {
    2223                        $( '.site-description' ).text( to );
    2324                } );
    2425        } );
    25        
     26
     27        // Color Scheme CSS.
    2628        wp.customize( 'color_scheme_css', function( value ) {
    2729                value.bind( function( to ) {
    2830                        $style.html( to );