{"id":3516,"date":"2017-05-21T15:05:43","date_gmt":"2017-05-21T13:05:43","guid":{"rendered":"https:\/\/florianbrinkmann.com\/en\/?p=3516"},"modified":"2020-02-09T10:59:50","modified_gmt":"2020-02-09T09:59:50","slug":"wordpress-weekly-recap-variable-customizer-sidebar-width-in-4-8","status":"publish","type":"post","link":"https:\/\/florianbrinkmann.com\/en\/wordpress-weekly-recap-variable-customizer-sidebar-width-in-4-8-3516\/","title":{"rendered":"WordPress weekly recap #20: variable customizer sidebar width in 4.8 and more"},"content":{"rendered":"<p>One new feature in WordPress 4.8 will be a variable width of the customizer sidebar. The sidebar width will grow up to 600 pixels on larger viewports, instead of remaining on 300 pixels.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\">Accessibility<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">State of WP Accessibility<\/h3>\n\n\n\n<p>In celebration of the <em>Global Accessibility Awareness Day<\/em> on May 18, the WordPress accessibility team presented the current state of Accessibility in WordPress 2017. The ongoing projects are the tag cloud widget and improvements of the settings API.<\/p>\n\n\n\n<p>Plans for the future are the rework of the media system \u2014 in special the library \u2014 and the customizer. You can find more details on this in the post \u00bb<a href=\"https:\/\/make.wordpress.org\/accessibility\/2017\/05\/20\/state-of-wp-accessibility\/\">State of WP Accessibility<\/a>\u00ab by Adam Soucie.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Misc<\/h3>\n\n\n\n<ul><li>\u00bb<a href=\"https:\/\/make.wordpress.org\/accessibility\/2017\/05\/19\/the-last-3-weeks-in-wpa11y\/\">The Last 3 Weeks in WPa11y!<\/a>\u00ab<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Core<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Variable customizer sidebar width in 4.8<\/h3>\n\n\n\n<p>WordPress 4.8 comes with a variable width of the customizer sidebar. Until now, the sidebar was 300 pixels wide, no matter the viewport width. From 4.8 on, the width will grow until 600 pixels on larger viewports. Often asked is the possibility to let the user resize the sidebar, but for now, the scope was reduced to the variable width depending on the viewport (there is a <a href=\"https:\/\/github.com\/xwp\/wp-customize-pane-resizer\">feature plugin for the user resizing<\/a>).<\/p>\n\n\n\n<p>More information about that in the post \u00bb<a href=\"https:\/\/make.wordpress.org\/core\/2017\/05\/16\/customizer-sidebar-width-is-now-variable\/\">Customizer sidebar width is now variable<\/a>\u00ab by Weston Ruter.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4.8 brings cleaner headings for the backend<\/h3>\n\n\n\n<p>Before 4.8, multiple heading elements in the backend contained additional content to the headline\u2019s text, for example, the <em>Add new<\/em> in the post list view. That is far from optimal from an accessibility point of view, so 4.8 is going to change that. If you developed a theme or plugin that uses this pattern, the best would be to update it \u2014 4.8 brings CSS which handles it. If your theme or plugin adds content beside the headline, check if it works with the modifications in 4.8<\/p>\n\n\n\n<p>More about that can be found in the article \u00bb<a href=\"https:\/\/make.wordpress.org\/core\/2017\/05\/17\/cleaner-headings-in-the-admin-screens\/\">Cleaner headings in the admin screens<\/a>\u00ab by Andrea Fercia.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Preferred languages plugin prototype<\/h3>\n\n\n\n<p>Pascal Birchler introduced the first version of his language fallback plugin in the post \u00bb<a href=\"https:\/\/make.wordpress.org\/core\/2017\/05\/20\/preferred-languages-the-prototype\/\">Preferred Languages: The Prototype<\/a>\u00ab. The plugin makes it possible to specify languages, which WordPress will try before falling back to English for a string which is not translated in the default language.<\/p>\n\n\n\n<figure class=\"wp-block-image alignnone size-large wp-image-3517\"><noscript><img decoding=\"async\" width=\"806\" height=\"349\" src=\"https:\/\/florianbrinkmann.com\/en\/wp-content\/uploads\/sites\/11\/2017\/05\/preferred-languages-general-settings-806x349.png\" alt class=\"wp-image-3517\" srcset=\"https:\/\/florianbrinkmann.com\/en\/wp-content\/uploads\/sites\/11\/2017\/05\/preferred-languages-general-settings-806x349.png 806w, https:\/\/florianbrinkmann.com\/en\/wp-content\/uploads\/sites\/11\/2017\/05\/preferred-languages-general-settings-462x200.png 462w, https:\/\/florianbrinkmann.com\/en\/wp-content\/uploads\/sites\/11\/2017\/05\/preferred-languages-general-settings-300x130.png 300w, https:\/\/florianbrinkmann.com\/en\/wp-content\/uploads\/sites\/11\/2017\/05\/preferred-languages-general-settings-768x332.png 768w, https:\/\/florianbrinkmann.com\/en\/wp-content\/uploads\/sites\/11\/2017\/05\/preferred-languages-general-settings-600x260.png 600w, https:\/\/florianbrinkmann.com\/en\/wp-content\/uploads\/sites\/11\/2017\/05\/preferred-languages-general-settings.png 1774w\" sizes=\"(max-width: 806px) 100vw, 806px\"><\/noscript><img decoding=\"async\" width=\"806\" height=\"349\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20806%20349%22%3E%3C%2Fsvg%3E\" alt class=\"wp-image-3517 lazyload\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20806%20349%22%3E%3C%2Fsvg%3E 806w\" sizes=\"(max-width: 806px) 100vw, 806px\" data-srcset=\"https:\/\/florianbrinkmann.com\/en\/wp-content\/uploads\/sites\/11\/2017\/05\/preferred-languages-general-settings-806x349.png 806w, https:\/\/florianbrinkmann.com\/en\/wp-content\/uploads\/sites\/11\/2017\/05\/preferred-languages-general-settings-462x200.png 462w, https:\/\/florianbrinkmann.com\/en\/wp-content\/uploads\/sites\/11\/2017\/05\/preferred-languages-general-settings-300x130.png 300w, https:\/\/florianbrinkmann.com\/en\/wp-content\/uploads\/sites\/11\/2017\/05\/preferred-languages-general-settings-768x332.png 768w, https:\/\/florianbrinkmann.com\/en\/wp-content\/uploads\/sites\/11\/2017\/05\/preferred-languages-general-settings-600x260.png 600w, https:\/\/florianbrinkmann.com\/en\/wp-content\/uploads\/sites\/11\/2017\/05\/preferred-languages-general-settings.png 1774w\" data-src=\"https:\/\/florianbrinkmann.com\/en\/wp-content\/uploads\/sites\/11\/2017\/05\/preferred-languages-general-settings-806x349.png\"><figcaption>The settings of the plugin \u2014 the same can be found in the user profile settings. (Screenshot: make.wordpress.org)<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Misc<\/h3>\n\n\n\n<ul><li>\u00bb<a href=\"https:\/\/wordpress.org\/news\/2017\/05\/wordpress-4-7-5\/\">WordPress 4.7.5 Security and Maintenance Release<\/a>\u00ab.<\/li><li>\u00bb<a href=\"https:\/\/make.wordpress.org\/core\/2017\/05\/17\/javascript-chat-summary-for-may-16th\/\">JavaScript Chat Summary for May 16th<\/a>\u00ab.<\/li><li>\u00bb<a href=\"https:\/\/make.wordpress.org\/core\/2017\/05\/18\/dev-chat-summary-may-17th-4-8-week-3\/\">Dev Chat Summary: May 17th (4.8 week 3)<\/a>\u00ab.<\/li><li>\u00bb<a href=\"https:\/\/make.wordpress.org\/core\/2017\/05\/20\/editor-api-changes-in-4-8\/\">Editor API changes in 4.8<\/a>\u00ab.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Polyglots<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Misc<\/h3>\n\n\n\n<ul><li><a href=\"https:\/\/make.wordpress.org\/polyglots\/2017\/05\/14\/start-translating-wordpress-4-8\/\">Since May 14, you can translate WordPress 4.8<\/a>.<\/li><li>\u00bb<a href=\"https:\/\/make.wordpress.org\/polyglots\/2017\/05\/19\/notes-from-the-polyglots-chat-on-may-17th\/\">Notes from the Polyglots Chat on May 17th<\/a>\u00ab.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Themes<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Misc<\/h3>\n\n\n\n<ul><li>\u00bb<a href=\"https:\/\/make.wordpress.org\/themes\/2017\/05\/17\/comparison-between-the-theme-and-plugin-review-process\/\">Comparison between the Theme and Plugin review process<\/a>\u00ab.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Plugins<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Misc<\/h3>\n\n\n\n<ul><li>There were more issues with <a href=\"https:\/\/make.wordpress.org\/plugins\/2017\/05\/14\/svn-syncing-issues-continued\/\">SVN syncing last week<\/a>, but they <a href=\"https:\/\/make.wordpress.org\/plugins\/2017\/05\/16\/svn-status-seems-to-be-okay\/\">seem to be solved since May 16<\/a>.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">WP-CLI<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Misc<\/h3>\n\n\n\n<ul><li>\u00bb<a href=\"https:\/\/make.wordpress.org\/cli\/2017\/05\/17\/new-bootstrapping-mechanism-to-load-the-wp-cli-framework\/\">New bootstrapping mechanism to load the WP-CLI framework<\/a>\u00ab.<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>One new feature in WordPress 4.8 will be a variable width of the customizer sidebar. The sidebar width will grow up to 600 pixels on larger viewports, instead of remaining on 300 pixels.<\/p>\n","protected":false},"author":1,"featured_media":3219,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","wpf_show_in_dewp_planet_feed":false,"flobn_post_versions":"","lazy_load_responsive_images_disabled":false},"categories":[37],"tags":[116],"wp-worthy-pixel":{"ignored":false,"public":"ec856af8fe154c9d96bb03f524e808e6","server":"vg07.met.vgwort.de","url":"https:\/\/vg07.met.vgwort.de\/na\/ec856af8fe154c9d96bb03f524e808e6"},"wp-worthy-type":"normal","_links":{"self":[{"href":"https:\/\/florianbrinkmann.com\/en\/wp-json\/wp\/v2\/posts\/3516"}],"collection":[{"href":"https:\/\/florianbrinkmann.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/florianbrinkmann.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/florianbrinkmann.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/florianbrinkmann.com\/en\/wp-json\/wp\/v2\/comments?post=3516"}],"version-history":[{"count":2,"href":"https:\/\/florianbrinkmann.com\/en\/wp-json\/wp\/v2\/posts\/3516\/revisions"}],"predecessor-version":[{"id":5887,"href":"https:\/\/florianbrinkmann.com\/en\/wp-json\/wp\/v2\/posts\/3516\/revisions\/5887"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/florianbrinkmann.com\/en\/wp-json\/wp\/v2\/media\/3219"}],"wp:attachment":[{"href":"https:\/\/florianbrinkmann.com\/en\/wp-json\/wp\/v2\/media?parent=3516"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/florianbrinkmann.com\/en\/wp-json\/wp\/v2\/categories?post=3516"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/florianbrinkmann.com\/en\/wp-json\/wp\/v2\/tags?post=3516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}