+44 0330 223 3428
Call Us
+44 0330 223 3428

WPTavern: WordPress 4.8 Increases Maximum Width of the Customizer Sidebar to 600 Pixels

WPTavern: WordPress 4.8 Increases Maximum Width of the Customizer Sidebar to 600 Pixels

WordPress 3.4 introduced the WordPress Customizer API and over time it has evolved from being a theme customizer to a framework for live-previewing changes to WordPress.

Since its inclusion, one of the most common complaints about the Customizer is its narrow sidebar. Even on widescreen monitors, the Customizer sidebar is only 300px wide.

This limitation was one of the motivating factors behind the Customize Pane Resizer feature plugin created in 2015. Although Customize component maintainers tried to get the feature plugin ready in time for WordPress 4.5, it didn’t make it.

In WordPress 4.8, the Customizer Sidebar Has a Variable Width

Weston Ruter, Customize component maintainer, announced that the Customizer sidebar in WordPress 4.8 has a variable width.

“Ticket #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,” Ruter said.

“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.”

The sidebar has a minimum width of 300px and a maximum width of 600px. What users see depends on the width of their screen. I use a 21 inch widescreen monitor and the width of the sidebar on my screen is 345px.

345 Pixel Wide Customizer Sidebar

While not a huge change, the extra width is noticeable. WordPress theme and plugin developers who have built custom controls into the Customizer are highly encouraged to test WordPress 4.8 to ensure that they display properly on large screens.

“Custom controls in plugins and themes should utilize alternative approaches to doing layout than using pixel widths,” Ruter said.

“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.”

If you’d like to be able to adjust the width of the sidebar, check out the Customize Pane Resizer plugin. I tested it on WordPress 4.8 beta 2 and it works as expected. There’s also the Fluid Customizer plugin which also allows you to manually resize the sidebar.



Source: WordPress

Related Post
Matt: On React and WordPress

Matt: On React and WordPress Big companies like to bury unpleasant news on Fridays: A few weeks ago, Facebook announced they have decided to dig in on their patent clause addition to the React license, even after Apache had said it’s no longer allowed for Apache.org projects. In their words, removing the patent clause would […]

Read more
WPTavern: First WordCamp Dublin Set for October 14-15

WPTavern: First WordCamp Dublin Set for October 14-15 photo credit: Ireland.com Following up on the success of WordCamp Belfast last October, the WordPress community in Dublin will be hosting its first WordCamp October 14-15. Both camps began the early stages of planning last year and the two communities have shared some of the same organizers […]

Read more
WPTavern: GitHub Partners with Facebook to Release Atom-IDE

WPTavern: GitHub Partners with Facebook to Release Atom-IDE GitHub announced the launch of Atom-IDE this week, a new set of packages that extend its open source JavaScript-powered code editor to include IDE-like functionality. This first release includes packages that support TypeScript, Flow, JavaScript, Java, C#, and PHP. “The start of this journey includes smarter context-aware […]

Read more

Leave a Reply

Your email address will not be published.