{"id":3361,"date":"2017-01-22T14:23:36","date_gmt":"2017-01-22T13:23:36","guid":{"rendered":"https:\/\/en.florianbrinkmann.de\/?p=3361"},"modified":"2020-02-09T10:59:57","modified_gmt":"2020-02-09T09:59:57","slug":"wordpress-weekly-recap-3-customization-in-2017-and-more","status":"publish","type":"post","link":"https:\/\/florianbrinkmann.com\/en\/wordpress-weekly-recap-3-customization-in-2017-and-more-3361\/","title":{"rendered":"WordPress weekly recap #3: customization in 2017 and more"},"content":{"rendered":"\n<p>The customization team thought about the issues they can tackle this year \u2014 as well smaller problems for the first months of the year as bigger projects for the rest. Besides that, they noted things which should be possible by the end of the year.<\/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\">Misc<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>\u00bb<a href=\"https:\/\/make.wordpress.org\/accessibility\/2017\/01\/16\/testing-form-functionality-with-different-assistive-technology\/\">Testing form functionality with different assistive technology<\/a>\u00ab.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Core<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Editor technical overview<\/h3>\n\n\n\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2017\/01\/17\/editor-technical-overview\/\">Mat\u00edas Ventura wrote in his post \u00bbEditor Technical Overview\u00ab, which aspects should be respected for the new editor<\/a>. His first point is that the whole content should stay in <code class=\"lang-markup\">post_content<\/code> in an accessible and portable way, while additional HTML structure identifies the content blocks. This structure should be invisible to ensure the content is rendered well in situations that are not aware of the blocks (for example in feeds and old versions of the editor).<\/p>\n\n\n\n<p>Second, he points out \u00bbSimplicity and Semantics of Representation\u00ab. This means that the markup to identify the blocks should be as minimal as possible because WordPress is a \u00bbchampion of web standards\u00ab and should remain it. His third point is static and dynamic blocks. Most used blocks will be static, like text or images, dynamics are something like shortcodes and widgets.<\/p>\n\n\n\n<p>His fourth requirement is a consistent user experience. Fifth and last is the system. There are three different aspects: The UI for editing a block, the demarcation of the block and the rendering of the block. The team has to find the best technical and design solutions for these.<\/p>\n\n\n\n<p>Finally, Mat\u00edas proposes to first tackle relatively simple blocks like text, images with and without captions, and quotes. A possible solution for demarcating the blocks could be HTML comments (code from his post):<\/p>\n\n\n<pre class=\"wp-block-code lang-markup\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml\"><span class=\"hljs-comment\">&lt;!-- wp:image --&gt;<\/span>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">figure<\/span>&gt;<\/span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">img<\/span> <span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">\"\/\"<\/span>&gt;<\/span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">figcaption<\/span>&gt;<\/span>A picture is worth a thousand words<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">figcaption<\/span>&gt;<\/span>\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">figure<\/span>&gt;<\/span>\n<span class=\"hljs-comment\">&lt;!-- \/wp --&gt;<\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<h3 class=\"wp-block-heading\">Editor meeting from January 19<\/h3>\n\n\n\n<p>The meeting was mainly about the demarcation of blocks but without a final decision. There were different proposes:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>HTML comments.<\/li><li><code class=\"lang-markup\">data-<\/code> attributes.<\/li><li>Custom HTML elements or wrappers out of <code class=\"lang-markup\">div<\/code>s or similar.<\/li><\/ul>\n\n\n\n<p>Another subject was blocks inside blocks, to realize multi-column layouts, for example. It should be kept in mind, that this possibility of nesting could be useful.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Customization in 2017<\/h3>\n\n\n\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2017\/01\/19\/customization-in-2017\/\">Mel Choyce published a rough plan for the customization team in her post \u00bbCustomization in 2017\u00ab<\/a>. At first, she noted, that <em>Customization<\/em> does not only mean the customizer but the whole experience of setting up a page and editing an existing one. The two following goals should be reached (quoted from Mel\u2019s post):<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\u00bbI want to make a site that I\u2019m proud of that helps me succeed.\u00ab<\/li><li>\u00bbI want to make a site my clients are proud of that helps them succeed.\u00ab<\/li><\/ul>\n\n\n\n<p>For that, she listed some tasks which can be done in the first few months of the year. For example demo content on theme switch for an existing site (<a href=\"https:\/\/core.trac.wordpress.org\/ticket\/38624\">#38624<\/a>), lost widgets and menus on theme switch, a media widget (<a href=\"https:\/\/core.trac.wordpress.org\/ticket\/32417\">#32417<\/a>), and formatting options for the text widget (<a href=\"https:\/\/core.trac.wordpress.org\/ticket\/35243\">#35243<\/a>). Larger projects for the rest of the year are (quoted from her post):<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Content blocks, so we can build a better layout editor that helps people build a site that fits their individual needs.<\/li><li>Revisions, so you can visually see the changes you\u2019ve made to your site and revert if you mess up (<a href=\"https:\/\/core.trac.wordpress.org\/ticket\/31089\">#31089<\/a> and <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/21666\">#21666<\/a>).<\/li><li>Drafting, reviewing, publishing, and scheduling changes, so you can get your site looking just right before you push your changes live (<a href=\"https:\/\/core.trac.wordpress.org\/ticket\/31089\">#31089<\/a> and <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/28721\">#28721<\/a>).<\/li><\/ul>\n\n\n\n<p>After that, she writes the following:<\/p>\n\n\n\n<blockquote><p>\u00bbBy the end of 2017, we hope you\u2019ll be able to:<\/p><ul>\n<li>Have an onboarding experience with smart defaults that guides you towards building the site you want, faster.<\/li>\n<li>Build complex, dynamic layouts for your WordPress sites, regardless of your theme.<\/li>\n<li>Move any piece of content on your site to a different part of your site, just by dragging and dropping it where you want.<\/li>\n<li>Allow you to preview and select page layouts before you create your page.<\/li>\n<li>Edit every piece of content where you see it, instead of needing to hunt for it.<\/li>\n<li>Set up a basic website without having to jump in and out of multiple admin screens.<\/li>\n<li>Live preview any settings that affect how your site looks.<\/li>\n<li>Revert changes and see your revision history.<\/li>\n<li>Maybe even build your whole site from your phone?\u00ab<\/li>\n<\/ul><\/blockquote>\n\n\n\n<p>Or, shorter:<\/p>\n\n\n\n<figure class=\"wp-block-embed\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/twitter.com\/glueckpress\/status\/822176565589143552\n<\/div><\/figure>\n\n\n\n<p>You can find more information about the plans in Mel\u2019s post.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Misc<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>\u00bb<a href=\"https:\/\/make.wordpress.org\/core\/2017\/01\/17\/customization-meeting-notes-january-16-2017\/\">Customization Meeting Notes: January 16, 2017<\/a>\u00ab.<\/li><li>\u00bb<a href=\"https:\/\/make.wordpress.org\/core\/2017\/01\/19\/dev-chat-summary-january-18th-4-7-2-week-1\/\">Dev Chat Summary: January 18th (4.7.2 week 1)<\/a>\u00ab.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Design<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Misc<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>\u00bb<a href=\"https:\/\/make.wordpress.org\/design\/2017\/01\/18\/share-a-walkthrough-of-setting-up-a-wordpress-site\/\">Share a walkthrough of setting up a WordPress site<\/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 class=\"wp-block-list\"><li>\u00bb<a href=\"https:\/\/make.wordpress.org\/polyglots\/2017\/01\/18\/notes-from-the-polyglots-chats-on-january-18\/\">Notes from the Polyglots chats on January 18<\/a>\u00ab. Among other things, there was the proposal to check the Rosetta sites and get in touch with teams which sites are inactive, to tell them the potential use of the sites (for example to announce events).<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Docs<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">New theme developer handbook is live<\/h3>\n\n\n\n<p><a href=\"https:\/\/developer.wordpress.org\/themes\/\">On January 18, the new theme developer handbook was published<\/a>. This reaches the goal to have one developer resource for each main part of WordPress on the developer hub. <a href=\"https:\/\/trello.com\/b\/sBXllyQT\/theme-developer-handbook\">The team uses Trello to organize the ongoing improvements of the handbook<\/a>. More about that <a href=\"https:\/\/make.wordpress.org\/docs\/2017\/01\/18\/theme-developer-handbook-released\/\">in the post \u00bbTheme Developer Handbook released\u00ab by Jon Ang<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Theme review team<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Meeting on January 17<\/h3>\n\n\n\n<p>The theme review team votes for automatically removing reviewers from a ticket, when they did not post a comment within the first two days after getting assigned to the ticket. Besides that, some people would like to bring back the mentoring program \u2014 but for that, there have to be enough qualified reviewers who would like to become mentors.<\/p>\n\n\n\n<p>One further point of discussion was a priority queue, which would display themes from authors who had less than five issues in their last review. This could also be an \u00bbadditional motivation to make sure the themes are up to standard.\u00ab <a href=\"https:\/\/make.wordpress.org\/themes\/2017\/01\/17\/january-17-2017-meeting-notes\/\">Read more on that in the post \u00bbJanuary 17, 2017 meeting notes\u00ab by Justin Tadlock<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Meta<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Handbook redesign<\/h3>\n\n\n\n<p>The handbooks are currently updated to the O2 theme, and Mark Uraine thought about the two floating menus which appear on the handbook pages \u2014 on the left the menu for the complete handbook, on the right the table of contents for the current page.<\/p>\n\n\n\n<p><a href=\"https:\/\/make.wordpress.org\/meta\/2017\/01\/21\/handbook-redesign\/\">A screenshot of his updated Design can be found in his post \u00bbHandbook Redesign\u00ab<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The customization team thought about the issues they can tackle this year \u2014 as well smaller problems for the first months of the year as bigger projects for the rest. Besides that, they noted things which should be possible by the end of the year.<\/p>\n","protected":false},"author":1,"featured_media":3219,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"wpf_show_in_dewp_planet_feed":false,"flobn_post_versions":"","webmentions_disabled_pings":false,"webmentions_disabled":false,"lazy_load_responsive_images_disabled":false,"footnotes":""},"categories":[37],"tags":[116],"class_list":["post-3361","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-wordpress-weekly-recap"],"wp-worthy-pixel":{"ignored":false,"public":"20e5c00186524a87b6d535520c50b763","server":"vg01.met.vgwort.de","url":"https:\/\/vg01.met.vgwort.de\/na\/20e5c00186524a87b6d535520c50b763"},"wp-worthy-type":"normal","_links":{"self":[{"href":"https:\/\/florianbrinkmann.com\/en\/wp-json\/wp\/v2\/posts\/3361","targetHints":{"allow":["GET"]}}],"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=3361"}],"version-history":[{"count":4,"href":"https:\/\/florianbrinkmann.com\/en\/wp-json\/wp\/v2\/posts\/3361\/revisions"}],"predecessor-version":[{"id":5977,"href":"https:\/\/florianbrinkmann.com\/en\/wp-json\/wp\/v2\/posts\/3361\/revisions\/5977"}],"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=3361"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/florianbrinkmann.com\/en\/wp-json\/wp\/v2\/categories?post=3361"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/florianbrinkmann.com\/en\/wp-json\/wp\/v2\/tags?post=3361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}