WordPress 4.4-scripts

[autoinstalls/wordpress.git] / wp-content / themes / twentysixteen / js / customize-preview.js

diff --git a/wp-content/themes/twentysixteen/js/customize-preview.js b/wp-content/themes/twentysixteen/js/customize-preview.js
new file mode 100644 (file)
index 0000000..fc99333
--- /dev/null
+++ b/wp-content/themes/twentysixteen/js/customize-preview.js
@@ -0,0 +1,41 @@
+/**
+ * Live-update changed settings in real time in the Customizer preview.
+ */
+
+( function( $ ) {
+       var style = $( '#twentysixteen-color-scheme-css' ),
+               api = wp.customize;
+
+       if ( ! style.length ) {
+               style = $( 'head' ).append( '<style type="text/css" id="twentysixteen-color-scheme-css" />' )
+                                   .find( '#twentysixteen-color-scheme-css' );
+       }
+
+       // Site title.
+       api( 'blogname', function( value ) {
+               value.bind( function( to ) {
+                       $( '.site-title a' ).text( to );
+               } );
+       } );
+
+       // Site tagline.
+       api( 'blogdescription', function( value ) {
+               value.bind( function( to ) {
+                       $( '.site-description' ).text( to );
+               } );
+       } );
+
+       // Add custom-background-image body class when background image is added.
+       api( 'background_image', function( value ) {
+               value.bind( function( to ) {
+                       $( 'body' ).toggleClass( 'custom-background-image', '' !== to );
+               } );
+       } );
+
+       // Color Scheme CSS.
+       api.bind( 'preview-ready', function() {
+               api.preview.bind( 'update-color-scheme-css', function( css ) {
+                       style.html( css );
+               } );
+       } );
+} )( jQuery );