Ticket #38513: 38513.diff

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',
+        ) );
+
         /**
          * Custom colors.
          */
@@ -190 +199 @@
 }
 
 /**
+ * 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.
  */
 function twentyseventeen_customize_preview_js() {

src/wp-content/themes/twentyseventeen/style.css

@@ -1557 +1557 @@
 .site-title,
 .site-title a {
         color: #222;
+        opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */
 }
 
 body.has-header-image .site-title,