First Look At New Widget Interface

Upon upgrading my development site for testing to the latest nightly build of WordPress, I discovered that the first bits and pieces of the Widget management system were added. Just as I had hoped for, the system works like a cross between 2.3 and 2.5 leaning more towards 2.3. On the left, you have a listing of available widgets. On the right, you have sidebars available where you drag widgets from the left, to the right, just like it worked in WordPress 2.3. However, there are a few differences.

widgetsin29

Instead of a drop down list of sidebars available, all of them in your theme show up on the right hand side. Also, the sidebar titles are shown on the right so if a theme author has given the widgetized areas of their theme common sense placement names, it should be rather simple to place widgets in the desired location the first time around. Also, multi-widgets works as expected.

inactivewidgets

At the bottom of the page is a container for inactive Widgets. At this stage of the game, I am a bit confused with why there is an inactive widgets container and a container filled with widgets you can use. They are all widgets and if they are there, then they are all usable. But this system is still very early in development. It’s obvious that a few styling issues need to be addressed but more importantly, some UI enhancements need to take place which I’m sure will happen in the coming days.

widgetoptions

But I can honestly say, I like what I’m seeing and I’d rather just drag stuff around rather than clicking around and selecting drop downs from multiple sidebars.

5 Comments


  1. I mentioned this on WPEngineer, I’d love to see a way to list all widgetable areas that already have widgets installed. WP “knows” which ones are active/inactive, so there must be a simple way to make the UI show there are “X” number of active widgets in “”X” sidebar area/s.

    If my theme had 3 widgetable areas (Sidebar, Bottom and Top) and I added 2 widgets to the Sidebar, 3 to the Bottom and 0 to the Top, I’d expect to see something like:

    * Sidebar (edit) – 2
    * Bottom (edit) – 3

    and we don’t show the Top at all since it’s empty.
    Or maybe …

    * Sidebar (edit) – 2
    * Bottom (edit) – 3
    * Top (add)

    Report


  2. Follow-up… Actually I just pulled the 2.8 update in and I see the Widgets function somewhat similarly to what I’ve described. The style/graphics that allow the widgetable areas to “roll up” appears incomplete for the moment, but it’s certainly getting there. And… it appears as though all this Ajaxy goodness has made it possible that we no longer need to Save each time we add/edit a widget – Yay!

    Report


  3. @Kel – Yep, the saving part is definitely something i noticed as well. And, each sidebar that you have in your theme shows up on the right hand side allowing you to see which widgets are applied to which sidebar. So in a way, it’s sort of what you were asking for.

    Report


  4. The Inactive Widgets area is so that if you remove a widget from a sidebar but don’t add it to a different one, you can save it with the settings in the Inactive area. Since the widgets are all multi-use, it wouldn’t have worked to just drop the settings back into the main list instance, b/c if you had, for example, 3 text widgets that you were temporarily pulling out of sidebars and you wanted to save the settings for all of them, it would be confusing. So the main list at top left is default widget settings, and Inactive is to save widgets you’re giving a time-out.

    And no, we haven’t done any of the styling yet. It will come. :)

    Report


  5. @Jane Wells – That actually makes a lot of sense and I’m thankful that I now have a place to put my configured Text widgets where they won’t lose their settings versus the way they work now. Thanks for the clarification Jane.

    Report

Comments are closed.