Changeset 38967 for trunk/src/wp-admin/customize.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-admin/customize.php (modified) (1 diff)

trunk/src/wp-admin/customize.php

@@ -162 +162 @@
                 </div>
                 <div class="customize-panel-description"><?php
-                    _e( 'The Customizer allows you to preview changes to your site before publishing them. You can also navigate to different pages on your site to preview them.' );
+                    _e( 'The Customizer allows you to preview changes to your site before publishing them. You can navigate to different pages on your site within the preview. Edit shortcuts are shown for some editable elements; click anywhere in the preview to toggle them off and on.' );
                 ?></div>
             </div>