Changeset 38966 for trunk/src/wp-content/themes/twentyseventeen/inc/customizer.php

Timestamp:

10/26/2016 06:42:44 PM (8 years ago)

Author:

davidakennedy

Message:

Twenty Seventeen: Implement selective refresh for site title and tagline

Adding the opacity property to the site title prevents opacity from changing during selective refreshes in the Customizer preview.

Props celloexpressions.

Fixes #38513.

File:

• trunk/src/wp-content/themes/twentyseventeen/inc/customizer.php (modified) (2 diffs)

trunk/src/wp-content/themes/twentyseventeen/inc/customizer.php

@@ -17 +17 @@
     $wp_customize->get_setting( 'blogdescription' )->transport  = 'postMessage';
     $wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage';
+
+    $wp_customize->selective_refresh->add_partial( 'blogname', array(
+        'selector' => '.site-title a',
+        'render_callback' => 'twentyseventeen_customize_partial_blogname',
+    ) );
+    $wp_customize->selective_refresh->add_partial( 'blogdescription', array(
+        'selector' => '.site-description',
+        'render_callback' => 'twentyseventeen_customize_partial_blogdescription',
+    ) );
 
     /**
@@ -191 +200 @@
 
 /**
+ * Render the site title for the selective refresh partial.
+ *
+ * @since Twenty Seventeen 1.0
+ * @see twentyseventeen_customize_register()
+ *
+ * @return void
+ */
+function twentyseventeen_customize_partial_blogname() {
+    bloginfo( 'name' );
+}
+
+/**
+ * Render the site tagline for the selective refresh partial.
+ *
+ * @since Twenty Seventeen 1.0
+ * @see twentyseventeen_customize_register()
+ *
+ * @return void
+ */
+function twentyseventeen_customize_partial_blogdescription() {
+    bloginfo( 'description' );
+}
+
+/**
  * Binds JS handlers to make Theme Customizer preview reload changes asynchronously.
  */