Changeset 31971

Timestamp:

04/01/2015 09:41:36 PM (9 years ago)

Author:

lancewillett

Message:

Twenty Eleven: add postMessage support for header_textcolor to improve the user experience in the Customizer.

Fixes #24128, props kovshenin, jcastaneda, and lancewillett.

Location:

trunk/src/wp-content/themes/twentyeleven

Files:

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

trunk/src/wp-content/themes/twentyeleven/functions.php

@@ -252 +252 @@
         #site-title,
         #site-description {
-            position: absolute !important;
+            position: absolute;
             clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
             clip: rect(1px, 1px, 1px, 1px);
@@ -262 +262 @@
         #site-title a,
         #site-description {
-            color: #<?php echo $text_color; ?> !important;
+            color: #<?php echo $text_color; ?>;
         }
     <?php endif; ?>

trunk/src/wp-content/themes/twentyeleven/inc/theme-customizer.js

@@ -10 +10 @@
         } );
     } );
+
+    // Header text color
+    wp.customize( 'header_textcolor', function( value ) {
+        value.bind( function( to ) {
+            if ( 'blank' === to ) {
+                $( '#site-title, #site-title a, #site-description' ).css( {
+                    'clip': 'rect(1px, 1px, 1px, 1px)',
+                    'position': 'absolute'
+                } );
+            } else {
+                $( '#site-title, #site-title a, #site-description' ).css( {
+                    'clip': 'auto',
+                    'color': to,
+                    'position': 'relative'
+                } );
+            }
+        } );
+    } );
 } )( jQuery );

trunk/src/wp-content/themes/twentyeleven/inc/theme-options.php

@@ -509 +509 @@
     $wp_customize->get_setting( 'blogname' )->transport = 'postMessage';
     $wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage';
+    $wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage';
 
     $options  = twentyeleven_get_theme_options();
@@ -582 +583 @@
  */
 function twentyeleven_customize_preview_js() {
-    wp_enqueue_script( 'twentyeleven-customizer', get_template_directory_uri() . '/inc/theme-customizer.js', array( 'customize-preview' ), '20120523', true );
+    wp_enqueue_script( 'twentyeleven-customizer', get_template_directory_uri() . '/inc/theme-customizer.js', array( 'customize-preview' ), '20150401', true );
 }
 add_action( 'customize_preview_init', 'twentyeleven_customize_preview_js' );

trunk/src/wp-content/themes/twentyeleven/style.css

@@ -2453 +2453 @@
         font-size: 12px;
     }
+    #branding .only-search + #access div {
+        padding-right: 0;
+    }
     article.intro .entry-content {
         font-size: 12px;