Changeset 23493

Timestamp:

02/26/2013 04:59:35 AM (12 years ago)

Author:

lancewillett

Message:

Twenty Thirteen: instantly preview header text color changes in the Theme Customizer. Fixes #23585, props SriniG.

Location:

trunk/wp-content/themes/twentythirteen

Files:

• functions.php (modified) (2 diffs)
• js/theme-customizer.js (modified) (1 diff)

trunk/wp-content/themes/twentythirteen/functions.php

@@ -553 +553 @@
  */
 function twentythirteen_customize_register( $wp_customize ) {
-    $wp_customize->get_setting( 'blogname' )->transport        = 'postMessage';
-    $wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage';
+    $wp_customize->get_setting( 'blogname' )->transport         = 'postMessage';
+    $wp_customize->get_setting( 'blogdescription' )->transport  = 'postMessage';
+    $wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage';
 }
 add_action( 'customize_register', 'twentythirteen_customize_register' );
@@ -565 +566 @@
  */
 function twentythirteen_customize_preview_js() {
-    wp_enqueue_script( 'twentythirteen-customizer', get_template_directory_uri() . '/js/theme-customizer.js', array( 'customize-preview' ), '20130213', true );
+    wp_enqueue_script( 'twentythirteen-customizer', get_template_directory_uri() . '/js/theme-customizer.js', array( 'customize-preview' ), '20130226', true );
 }
 add_action( 'customize_preview_init', 'twentythirteen_customize_preview_js' );

trunk/wp-content/themes/twentythirteen/js/theme-customizer.js

@@ -18 +18 @@
         } );
     } );
+    // Header text color.
+    wp.customize( 'header_textcolor', function( value ) {
+        value.bind( function( to ) {
+            $( '.site-title, .site-description' ).css( 'color', to );
+        } );
+    } );
 } )( jQuery );