Changeset 41768 for trunk/src/wp-includes/customize/class-wp-customize-nav-menu-control.php

Timestamp:

10/05/2017 02:21:22 AM (7 years ago)

Author:

westonruter

Message:

Customize: Improve the menu creation flow.

Often, folks run into two issues when they create new menus: they click "Add a Menu" thinking it will add a new page to their menu, or they forget to assign their new menu to a location, and then wonder why it doesn't show up on their site.

This commit rearranges the order of items in the menu panel, and updates the flow for creating a menu by breaking it up into steps. Additionally, more help text has been added to guide people through the process of creating a menu.

Also adds default type lookups for Panel and Section instances. See #30741.

Props bpayton, obenland, westonruter, celloexpessions, afercia, melchoyce, zoonini, michelleweber.
Fixes #40104.

File:

• trunk/src/wp-includes/customize/class-wp-customize-nav-menu-control.php (modified) (2 diffs)

trunk/src/wp-includes/customize/class-wp-customize-nav-menu-control.php

@@ -24 +24 @@
 
     /**
-     * The nav menu setting.
-     *
-     * @since 4.3.0
-     * @var WP_Customize_Nav_Menu_Setting
-     */
-    public $setting;
-
-    /**
      * Don't render the control's content - it uses a JS template instead.
      *
@@ -45 +37 @@
     public function content_template() {
         ?>
-        <# var elementId; #>
-        <button type="button" class="button add-new-menu-item" aria-label="<?php esc_attr_e( 'Add or remove menu items' ); ?>" aria-expanded="false" aria-controls="available-menu-items">
-            <?php _e( 'Add Items' ); ?>
-        </button>
-        <button type="button" class="button-link reorder-toggle" aria-label="<?php esc_attr_e( 'Reorder menu items' ); ?>" aria-describedby="reorder-items-desc-{{ data.menu_id }}">
-            <span class="reorder"><?php _e( 'Reorder' ); ?></span>
-            <span class="reorder-done"><?php _e( 'Done' ); ?></span>
-        </button>
+        <p class="new-menu-item-invitation"><?php _e( 'Time to add some links! Click "Add menu items" to start putting pages, categories, and custom links in your menu. Add as many things as you\'d like.' ); ?></p>
+        <div class="customize-control-nav_menu-buttons">
+            <button type="button" class="button add-new-menu-item" aria-label="<?php esc_attr_e( 'Add or remove menu items' ); ?>" aria-expanded="false" aria-controls="available-menu-items">
+                <?php _e( 'Add Items' ); ?>
+            </button>
+            <button type="button" class="button-link reorder-toggle" aria-label="<?php esc_attr_e( 'Reorder menu items' ); ?>" aria-describedby="reorder-items-desc-{{ data.menu_id }}">
+                <span class="reorder"><?php _e( 'Reorder' ); ?></span>
+                <span class="reorder-done"><?php _e( 'Done' ); ?></span>
+            </button>
+        </div>
         <p class="screen-reader-text" id="reorder-items-desc-{{ data.menu_id }}"><?php _e( 'When in reorder mode, additional controls to reorder menu items will be available in the items list above.' ); ?></p>
-        <span class="menu-delete-item">
-            <button type="button" class="button-link button-link-delete">
-                <?php _e( 'Delete Menu' ); ?>
-            </button>
-        </span>
-        <?php if ( current_theme_supports( 'menus' ) ) : ?>
-        <ul class="menu-settings">
-            <li class="customize-control">
-                <span class="customize-control-title"><?php _e( 'Display Location' ); ?></span>
-            </li>
-
-            <?php foreach ( get_registered_nav_menus() as $location => $description ) : ?>
-                <# elementId = _.uniqueId( 'customize-nav-menu-control-location-' ); #>
-                <li class="customize-control customize-control-checkbox assigned-menu-location customize-inside-control-row">
-                    <input id="{{ elementId }}" type="checkbox" data-menu-id="{{ data.menu_id }}" data-location-id="<?php echo esc_attr( $location ); ?>" class="menu-location" />
-                    <label for="{{ elementId }}">
-                        <?php echo $description; ?>
-                        <span class="theme-location-set">
-                            <?php
-                            /* translators: %s: menu name */
-                            printf( _x( '(Current: %s)', 'menu location' ),
-                                '<span class="current-menu-location-name-' . esc_attr( $location ) . '"></span>'
-                            );
-                            ?>
-                        </span>
-                    </label>
-                </li>
-            <?php endforeach; ?>
-        </ul>
-        <?php endif; ?>
         <?php
     }