diff options
| author | Charles <sircharlesaze@gmail.com> | 2020-01-07 13:06:14 +0100 |
|---|---|---|
| committer | Charles <sircharlesaze@gmail.com> | 2020-01-07 13:06:14 +0100 |
| commit | 7086111ad4dd997e12a3220e1ee60c9b9bcf0bb8 (patch) | |
| tree | f7453d7dd5cbaaab246e23810b02d3edf1e451be /srcs/wordpress/wp-content/themes/twentysixteen/js/customize-preview.js | |
| parent | c59bdcf77c50cbe89b4a93782cdd6d9e7532080e (diff) | |
| download | ft_server-7086111ad4dd997e12a3220e1ee60c9b9bcf0bb8.tar.gz ft_server-7086111ad4dd997e12a3220e1ee60c9b9bcf0bb8.tar.bz2 ft_server-7086111ad4dd997e12a3220e1ee60c9b9bcf0bb8.zip | |
Added wordpress
Diffstat (limited to 'srcs/wordpress/wp-content/themes/twentysixteen/js/customize-preview.js')
| -rw-r--r-- | srcs/wordpress/wp-content/themes/twentysixteen/js/customize-preview.js | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/srcs/wordpress/wp-content/themes/twentysixteen/js/customize-preview.js b/srcs/wordpress/wp-content/themes/twentysixteen/js/customize-preview.js new file mode 100644 index 0000000..fc99333 --- /dev/null +++ b/srcs/wordpress/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 ); |
