wp/wp-content/themes/twentysixteen/js/customize-preview.js
changeset 7 cf61fcea0001
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/wp/wp-content/themes/twentysixteen/js/customize-preview.js	Mon Oct 14 17:39:30 2019 +0200
@@ -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 );