aboutsummaryrefslogtreecommitdiff
path: root/srcs/wordpress/wp-content/themes/twentysixteen/js/customize-preview.js
diff options
context:
space:
mode:
authorCharles <sircharlesaze@gmail.com>2020-01-07 13:06:14 +0100
committerCharles <sircharlesaze@gmail.com>2020-01-07 13:06:14 +0100
commit7086111ad4dd997e12a3220e1ee60c9b9bcf0bb8 (patch)
treef7453d7dd5cbaaab246e23810b02d3edf1e451be /srcs/wordpress/wp-content/themes/twentysixteen/js/customize-preview.js
parentc59bdcf77c50cbe89b4a93782cdd6d9e7532080e (diff)
downloadft_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.js41
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 );