티스토리 수익 글 보기

Customizer sidebar width is now variable – Make WordPress Core

Menu

Welcome!

The WordPress coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. development team builds WordPress! Follow this site for general updates, status reports, and the occasional code debate. There’s lots of ways to contribute:

Found a bugbug A bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority.? Create a ticket in the bug tracker.
Want to contribute? Get started quickly with tickets marked as good first bugs for new contributors or join a bug scrub. There’s more on the reports page, like patches needing testing, and on feature projects page.
Other questions? Here is a detailed handbook for contributors, complete with tutorials.

Weston Ruter 6:41 pm on May 16, 2017
Tags: 4.8 ( 31 ), customize ( 67 ), dev-notes ( 598 )

Customizer sidebar width is now variable

A common request for the CustomizerCustomizer Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings. has been to grant more room for the controls that appear in its sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme.. Ticketticket Created for both bug reports and feature development on the bug tracker. #32296 was created to allow the sidebar pane to be user-resizable with a grabber just like the Dev Tools pane in Chrome can be resized. After a lot of back and forth, the scope was reduced to remove the user-resizable aspect and to instead address a more fundamental issue that the sidebar is exceedingly and unnecessarily narrow on high-resolution displays. So while 4.8 doesn’t include a user-resizable controls pane, there is still a feature plugin for possible future merge. Important to that end, the changes that have been merged begin to introduce the fundamental prerequisite for a variable-width sidebar pane: responsive controls.

As can be seen in [40511] and [40567], no longer should Customizer controls assume that their container will always be 300px wide. Given the new responsive breakpoints for high-resolution screens, the pane can now be between 300px and 600px wide depending on the screen width. And actually this has already been the case on smaller screens (e.g. mobile) where the preview and pane aren’t shown at the same time; it now also applies to very large screens where there is ample space for both the preview and a wider pane.

Custom controls in plugins and themes should utilize alternative approaches to doing layout than using pixel widths. Use of percentage-based widths or flexbox will help ensure that controls will appear properly in larger displays, while also making controls future-compatible when the sidebar width could be user-resizable.

#4-8, #customize, #dev-notes

Emil Uzelac 1:27 am on May 17, 2017

This is awesome 🙂
- Mahesh Waghmare 1:36 am on May 17, 2017
  
  Nice option for designer.
  - Emil Uzelac 1:37 am on May 17, 2017
    
    CustomizerCustomizer Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings. sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. width is now variable
    
    Most definitely <3
Anthony Hortin 3:44 am on May 17, 2017

Glad to see it slightly larger after all these years of asking, but disappointed it’s still not user resizable. It’s still a measly 460px wide on a 27″ display. It would be nice to see controls take advantage of the extra width. We still end up with really long single column sections because things like radio buttons are stacked on top of each other still rather than utilising the extra width.
- Clifford Paulick 8:25 pm on May 17, 2017
  
  The linked Customize Pane Resizer feature plugin does make it resizable, and it’s a really nice feature to have!
Milana Cap 7:25 pm on June 8, 2017

Great 😀
prontotools 4:35 am on June 22, 2017

@westonruter

Thx for the update

But I found some problem about the CSSCSS Cascading Style Sheets. on customizerCustomizer Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings.

http://imagizer.imageshack.us/a/img924/6126/tUpcGG.png

The text field of CSS on customizer did not expand follow the tab.

If we had to update the jetpack to new version. The css page on backend will be disappear. So, we need to use css on the customizer. It could be better if the css field on customizer can expand follow the customizer tab bar.

Hope to see next version update in the future.

Thanks a lot : )
- Weston Ruter 8:38 pm on June 22, 2017
  
  @prontotools Is this report specifically regarding the CustomizerCustomizer Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings. Pane Resizer feature pluginFeature Plugin A plugin that was created with the intention of eventually being proposed for inclusion in WordPress Core. See Features as Plugins.? Or is it about the coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. changes that landed in 4.8?
prontotools 7:50 am on June 23, 2017

@westonruter
We think that the custom css has appear on WP customizerCustomizer Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings. for some period before coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. 4.8. But they still let us use the custom css on backend.

Our company had desire to update both WP and jetpack to newest version. But the current version that we still use on jetpack. It make us can manage custom css on the backend easy. But when we update the jetpack to newest version. The custom css on backend had been disappear. So, that the point WP force us to use the small custom css on the small customizer sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme..

We just need the custom css on customizer bar can expand the size like this. http://imageshack.com/a/img923/6828/J4culG.png

Is this possible to do by your side ?

Thanks for you kindness. we are very appreciate your effort.
- Weston Ruter 5:42 pm on June 24, 2017
  
  @prontotools so again, it seems that you are using the CustomizerCustomizer Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings. Pane Resizer pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party and the issue you are encountering is specifically a defect with that plugin. I suggest opening an issue on that plugin to fix compatibility.