Changeset 31975 for trunk/src/wp-includes/class-wp-customize-section.php

Timestamp:

04/01/2015 10:50:10 PM (10 years ago)

Author:

ocean90

Message:

Customizer Theme Switcher: Navigation streamlining.

• Detach Themes section from other controls
• Move to buttons to navigate back and forth
• Change titles based on current theme status, active/previewing
• Hide the active/previewing theme from the list of available themes

props folletto for the design concepts.
props designsimply, celloexpressions for initial patches.
props Team Gandalf.
see #31289.

File:

• trunk/src/wp-includes/class-wp-customize-section.php (modified) (1 diff)

trunk/src/wp-includes/class-wp-customize-section.php

@@ -342 +342 @@
         ?>
         <li id="accordion-section-<?php echo esc_attr( $this->id ); ?>" class="<?php echo esc_attr( $classes ); ?>">
-            <h3 class="accordion-section-title" tabindex="0">
-                <?php echo esc_html( $this->title ); ?>
-                <span class="screen-reader-text"><?php _e( 'Press return or enter to expand' ); ?></span>
+            <h3 class="accordion-section-title">
+                <?php
+                if ( $this->manager->is_theme_active() ) {
+                    /* translators: %s: theme name */
+                    printf( __( '<span>Active theme</span> %s' ), $this->title );
+                } else {
+                    /* translators: %s: theme name */
+                    printf( __( '<span>Previewing theme</span> %s' ), $this->title );
+                }
+                ?>
+
+                <button type="button" class="button change-theme"><?php _ex( 'Change', 'theme' ); ?></button>
             </h3>
             <div class="customize-themes-panel control-panel-content themes-php">
-                <h2><?php esc_html_e( 'Themes' ); ?>
-                    <span class="title-count theme-count"><?php echo count( $this->controls ) - 1; ?></span>
+                <h2>
+                    <?php _e( 'Themes' ); ?>
+                    <span class="title-count theme-count"><?php echo count( $this->controls ) + 1 /* Active theme */; ?></span>
                 </h2>
+
+                <h3 class="accordion-section-title customize-section-title">
+                    <?php
+                    if ( $this->manager->is_theme_active() ) {
+                        /* translators: %s: theme name */
+                        printf( __( '<span>Active theme</span> %s' ), $this->title );
+                    } else {
+                        /* translators: %s: theme name */
+                        printf( __( '<span>Previewing theme</span> %s' ), $this->title );
+                    }
+                    ?>
+                    <button type="button" class="button customize-theme"><?php _e( 'Customize' ); ?></button>
+                </h3>
+
                 <div class="theme-overlay" tabindex="0" role="dialog" aria-label="<?php esc_attr_e( 'Theme Details' ); ?>"></div>
+
                 <div id="customize-container"></div>
-                <?php if ( 6 < count( $this->controls ) ) : ?>
+                <?php if ( count( $this->controls ) > 4 ) : ?>
                     <p><label for="themes-filter">
                         <span class="screen-reader-text"><?php _e( 'Search installed themes...' ); ?></span>