wp-content/themes/twentyfourteen/js/customizer.js

   1 /**
   2  * Twenty Fourteen Customizer enhancements for a better user experience.
   3  *
   4  * Contains handlers to make Customizer preview reload changes asynchronously.
   5  */
   6 ( function( $ ) {
   7         // Site title and description.
   8         wp.customize( 'blogname', function( value ) {
   9                 value.bind( function( to ) {
  10                         $( '.site-title a' ).text( to );
  11                 } );
  12         } );
  13         wp.customize( 'blogdescription', function( value ) {
  14                 value.bind( function( to ) {
  15                         $( '.site-description' ).text( to );
  16                 } );
  17         } );
  18         // Header text color.
  19         wp.customize( 'header_textcolor', function( value ) {
  20                 value.bind( function( to ) {
  21                         if ( 'blank' === to ) {
  22                                 $( '.site-title, .site-description' ).css( {
  23                                         'clip': 'rect(1px, 1px, 1px, 1px)',
  24                                         'position': 'absolute'
  25                                 } );
  26                         } else {
  27                                 $( '.site-title,  .site-description' ).css( {
  28                                         'clip': 'auto',
  29                                         'position': 'static'
  30                                 } );
  31
  32                                 $( '.site-title a' ).css( {
  33                                         'color': to
  34                                 } );
  35                         }
  36                 } );
  37         } );
  38 } )( jQuery );