[Summary view] [Print] [Text view]

   1  /**
   2   * Live-update changed settings in real time in the Customizer preview.
   3   */
   4  
   5  ( function( $ ) {
   6      var style = $( '#twentysixteen-color-scheme-css' ),
   7          api = wp.customize;
   8  
   9      if ( ! style.length ) {
  10          style = $( 'head' ).append( '<style type="text/css" id="twentysixteen-color-scheme-css" />' )
  11                              .find( '#twentysixteen-color-scheme-css' );
  12      }
  13  
  14      // Site title.
  15      api( 'blogname', function( value ) {
  16          value.bind( function( to ) {
  17              $( '.site-title a' ).text( to );
  18          } );
  19      } );
  20  
  21      // Site tagline.
  22      api( 'blogdescription', function( value ) {
  23          value.bind( function( to ) {
  24              $( '.site-description' ).text( to );
  25          } );
  26      } );
  27  
  28      // Add custom-background-image body class when background image is added.
  29      api( 'background_image', function( value ) {
  30          value.bind( function( to ) {
  31              $( 'body' ).toggleClass( 'custom-background-image', '' !== to );
  32          } );
  33      } );
  34  
  35      // Color Scheme CSS.
  36      api.bind( 'preview-ready', function() {
  37          api.preview.bind( 'update-color-scheme-css', function( css ) {
  38              style.html( css );
  39          } );
  40      } );
  41  } )( jQuery );