WordPress/wp-content/themes/twentysixteen/js/customize-preview.js
Konstantin Obenland e095e7b9d3 Import Twenty Sixteen, default theme for 2016.
See #36497.

Merges [40851] and [40852] to the 4.4 branch.


Built from https://develop.svn.wordpress.org/branches/4.4@40860


git-svn-id: http://core.svn.wordpress.org/branches/4.4@40710 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2017-05-31 01:36:31 +00:00

42 lines
1.0 KiB
JavaScript

/**
* 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 );