Changeset 38967 for trunk/src/wp-includes/customize/class-wp-customize-selective-refresh.php

Timestamp:

10/26/2016 08:02:51 PM (8 years ago)

Author:

westonruter

Message:

Customize: Add edit shortcuts in customizer preview to visually expose editable elements and focus on the corresponding controls when clicked.

• Edit shortcuts show initially for a moment and then fade away so as to not get in the way of the preview.
• Visibility of edit shortcuts is toggled by clicking/touching anywhere inert in the document.
• Implements UI for mobile and touch devices which do not support shift-click.
• Adds editShortcutVisibility state.
• Adds new methods to wp.customize.selectiveRefresh.Partial for managing edit shortcuts.

Incorporates aspects of the Customize Direct Manipulation feature plugin.

Props sirbrillig, mattwiebe, celloexpressions, melchoyce, westonruter, afercia.
Fixes #27403.

File:

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

trunk/src/wp-includes/customize/class-wp-customize-selective-refresh.php

@@ -185 +185 @@
             'l10n'           => array(
                 'shiftClickToEdit' => __( 'Shift-click to edit this element.' ),
+                'clickEditMenu' => __( 'Click to edit this menu.' ),
+                'clickEditWidget' => __( 'Click to edit this widget.' ),
+                'clickEditTitle' => __( 'Click to edit the site title.' ),
+                'clickEditMisc' => __( 'Click to edit this element.' ),
+                'editShortcutVisibilityToggle'  => __( 'Toggle edit shortcuts' ),
                 /* translators: %s: document.write() */
                 'badDocumentWrite' => sprintf( __( '%s is forbidden' ), 'document.write()' ),