WordPress.org
Get WordPress

Make WordPress Core

Changes between Version 3 and Version 4 of Ticket #27403


Ignore:
Timestamp:
02/19/2016 07:26:44 PM (9 years ago)
Author:
westonruter
Comment:

Legend:

Unmodified
Added
Removed
Modified

  • Ticket #27403

    • Property Milestone changed from Awaiting Review to Future Release
    • Property Summary changed from Widget Customizer: Improve discoverability of widget editing in preview to Improve UI for linking areas of Customizer preview to corresponding controls (desktop and mobile)

  • Ticket #27403 – Description

    v3 v4  
    1 Right now you may Shift+Click on a widget in the customizer preview and the corresponding widget area customizer section will expand, along with the corresponding widget control, and focus on the first field in that widget control.
     1Right now you may Shift+Click on a widget in the customizer preview and the corresponding widget area customizer section will expand, along with the corresponding widget control, and focus on the first field in that widget control. This is also available for nav menu items (#32681), and for any elements that are using selective refresh (#27355).
     2
     3[[Image(https://cldup.com/r9cTBdwm2b.png)]]
     4
     5(Props @afercia for image from #33251.)
    26
    37While there is a tooltip that appears when hovering over a widget, this can be difficult for a user to discover. An alternative would be for there to be an Edit button that appears when hovering over a widget within the preview. The challenge with this, however, is that it may be difficult to universally style this button so that it can appear properly in all themes. The tooltip and Shift+Click requires no UI. A simple click (without a modifier key) was problematic because it prevents common mouse-based interactions with widgets.
    … …  
    610
    711For some alternative designs, see https://github.com/xwp/wp-widget-customizer/pull/16
     12
     13Some experimentation has been done on WordPress.com in the Customizer for adding Edit buttons alongside widgets.
     14
     15Additionally, there is a fundamental issue with the shift+click feature: it is not mobile friendly since there is no ability to do this on a touch screen. The immediate equivalent feature for mobile I think would be a long press. On mobile, the preview fills the screen so if a widget, nav menu item, or other partial was long-pressed it could then flip over to the controls pane where the relevant control would be focused.