Changeset 37437 for trunk/src/wp-includes/widgets/class-wp-nav-menu-widget.php

Timestamp:

05/16/2016 07:21:22 AM (9 years ago)

Author:

westonruter

Message:

Customize: Include shortcut button in Custom Menu widget to edit the selected menu in the Customizer.

Clicking on the Edit Menu button focuses on the corresponding nav menu section. Upon collapsing the nav menu section, the focus is returned to the Custom Menu widget instead of taking the user to the menus root panel. In this way, the back button behavior is modified once to serve as breadcrumb/history navigation. The Edit Menu button with the breadcrumb back button behavior greatly reduce the number of UI interactions needed to edit a menu referenced in a Custom Menu widget.

Props celloexpressions, westonruter.
Fixes #32683.

File:

• trunk/src/wp-includes/widgets/class-wp-nav-menu-widget.php (modified) (4 diffs)

trunk/src/wp-includes/widgets/class-wp-nav-menu-widget.php

@@ -15 +15 @@
  * @see WP_Widget
  */
- class WP_Nav_Menu_Widget extends WP_Widget {
+class WP_Nav_Menu_Widget extends WP_Widget {
 
     /**
@@ -111 +111 @@
      *
      * @param array $instance Current settings.
+     * @global WP_Customize_Manager $wp_customize
      */
     public function form( $instance ) {
+        global $wp_customize;
         $title = isset( $instance['title'] ) ? $instance['title'] : '';
         $nav_menu = isset( $instance['nav_menu'] ) ? $instance['nav_menu'] : '';
@@ -123 +125 @@
         <p class="nav-menu-widget-no-menus-message" <?php if ( ! empty( $menus ) ) { echo ' style="display:none" '; } ?>>
             <?php
-            if ( isset( $GLOBALS['wp_customize'] ) && $GLOBALS['wp_customize'] instanceof WP_Customize_Manager ) {
+            if ( $wp_customize instanceof WP_Customize_Manager ) {
                 $url = 'javascript: wp.customize.panel( "nav_menus" ).focus();';
             } else {
@@ -147 +149 @@
                 </select>
             </p>
+            <?php if ( $wp_customize instanceof WP_Customize_Manager ) : ?>
+                <p class="edit-selected-nav-menu" style="<?php if ( ! $nav_menu ) { echo 'display: none;'; } ?>">
+                    <button type="button" class="button"><?php _e( 'Edit Menu' ) ?></button>
+                </p>
+            <?php endif; ?>
         </div>
         <?php