{"id":5881,"date":"2019-08-23T19:38:58","date_gmt":"2019-08-23T19:38:58","guid":{"rendered":"https:\/\/make.wordpress.org\/design\/?p=5881"},"modified":"2019-08-23T19:39:04","modified_gmt":"2019-08-23T19:39:04","slug":"gutenberg-phase-2-friday-design-update-31","status":"publish","type":"post","link":"https:\/\/make.wordpress.org\/design\/2019\/08\/23\/gutenberg-phase-2-friday-design-update-31\/","title":{"rendered":"Gutenberg Phase 2 Friday Design Update #31"},"content":{"rendered":"<p class=\"wp-block-paragraph\">I think Fridays are speeding up. It\u2019s hard to believe another one is already here. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Widgets to blocks<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Discussion around <a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/17057\" target=\"_blank\">\u201celement queries\u201d<\/a> is happening. The reason is because we\u2019d like to show the <a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/13205#issuecomment-477816658\" target=\"_blank\">mobile-web view of Gutenberg in the Customizer<\/a> for the <span tabindex='0' class='glossary-item-container'>widget<span class='glossary-item-hidden-content'><span class='glossary-item-header'>Widget<\/span> <span class='glossary-item-description'>A WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user.<\/span><\/span><\/span>-blocks stuff. The <span tabindex='0' class='glossary-item-container'>Customizer<span class='glossary-item-hidden-content'><span class='glossary-item-header'>Customizer<\/span> <span class='glossary-item-description'>Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site\u2019s appearance settings.<\/span><\/span><\/span> side still isn\u2019t at the mobile-web view yet, but it\u2019s working better thanks to <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/16204\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"this PR (opens in a new tab)\">this PR<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Navigation <span tabindex='0' class='glossary-item-container'>block<span class='glossary-item-hidden-content'><span class='glossary-item-header'>Block<\/span> <span class='glossary-item-description'>Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience.<\/span><\/span><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" aria-label=\"Incorporating existing toolbar patterns (opens in a new tab)\" href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/16974\" target=\"_blank\">Incorporating existing toolbar patterns<\/a> can use feedback.<\/li><li><a rel=\"noreferrer noopener\" aria-label=\"Horizontal movers on the nav items (opens in a new tab)\" href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/17093\" target=\"_blank\">Horizontal movers on the nav items<\/a> needs feedback.<\/li><li><a rel=\"noreferrer noopener\" aria-label=\"Adding nav items (opens in a new tab)\" href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/17116\" target=\"_blank\">Adding nav items<\/a> needs feedback.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Tightening up<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>The Inserter popover <a rel=\"noreferrer noopener\" aria-label=\"now has a help panel (opens in a new tab)\" href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/16813\" target=\"_blank\">now has a help panel<\/a>. This opens up some work to be done on inline tips: <a rel=\"noreferrer noopener\" aria-label=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/16582 (opens in a new tab)\" href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/16582\" target=\"_blank\">https:\/\/github.com\/WordPress\/gutenberg\/pull\/16582<\/a><\/li><li><a rel=\"noreferrer noopener\" aria-label=\"Edit media flow (opens in a new tab)\" href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/11952\" target=\"_blank\">Edit media flow<\/a> is just about done! <\/li><li><a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/16996\" target=\"_blank\">Background color for the Cover block<\/a> needs a bit more feedback.<\/li><li><a rel=\"noreferrer noopener\" aria-label=\"Gradients!!! (opens in a new tab)\" href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/16662\" target=\"_blank\">Gradients!!!<\/a><\/li><li><a rel=\"noreferrer noopener\" aria-label=\"Full screen images (opens in a new tab)\" href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/16738\" target=\"_blank\">Full screen images<\/a> is nearly there too.<\/li><li><a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/16460\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"The Typewriter experience (opens in a new tab)\">The Typewriter experience<\/a> just got merged too!<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Usability tests<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The usability tests are being conducted weekly. One thing I\u2019ve noticed frequently is the lack of ease when placing images along side other images or text. Sure we\u2019ve got blocks that make this possible (which is awesome!) but it\u2019s not quite as discoverable yet. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I <a rel=\"noreferrer noopener\" aria-label=\"submitted an issue (opens in a new tab)\" href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/13202\" target=\"_blank\">submitted an issue<\/a> a while back regarding how we might make this better. We\u2019d allow users to drag a simple block (Image block) onto another simple block (Image block) which would then automatically create a complex block (Gallery block).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here\u2019s a couple older gifs courtesy of <a href=\"https:\/\/profiles.wordpress.org\/kjellr\/\" class=\"mention\"><span class=\"mentions-prefix\">@<\/span>kjellr<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"600\" style=\"aspect-ratio: 960 \/ 600;\" width=\"960\" controls src=\"https:\/\/make.wordpress.org\/design\/files\/2019\/08\/Drag-Media-Text.mp4\"><\/video><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"600\" style=\"aspect-ratio: 960 \/ 600;\" width=\"960\" controls src=\"https:\/\/make.wordpress.org\/design\/files\/2019\/08\/Drag-Cover.mp4\"><\/video><\/figure>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\">\n\n\n\n<p class=\"wp-block-paragraph\">Thanks for reading, staying informed, and contributing anywhere you can!<\/p>\n<p class=\"o2-appended-tags\"><a href=\"https:\/\/make.wordpress.org\/design\/tag\/design\/\" class=\"tag\"><span class=\"tag-prefix\">#<\/span>design<\/a>, <a href=\"https:\/\/make.wordpress.org\/design\/tag\/gutenberg-weekly\/\" class=\"tag\"><span class=\"tag-prefix\">#<\/span>gutenberg-weekly<\/a>, <a href=\"https:\/\/make.wordpress.org\/design\/tag\/phase-2\/\" class=\"tag\"><span class=\"tag-prefix\">#<\/span>phase-2<\/a><\/p><nav class='o2-post-footer-actions'><ul class='o2-post-footer-action-row'><\/ul><div class='o2-post-footer-action-likes'><\/div><ul class='o2-post-footer-action-row'><\/ul><\/nav>","protected":false},"excerpt":{"rendered":"<p>I think Fridays are speeding up. It\u2019s hard to believe another one is already here. Widgets to blocks Discussion around \u201celement queries\u201d is happening. The reason is because we\u2019d like to show the mobile-web view of Gutenberg in the Customizer for the widgetWidget A WordPress Widget is a small block that performs a specific function. [&hellip;]<\/p>\n","protected":false},"author":14686111,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[175],"tags":[30,536,535],"class_list":["post-5881","post","type-post","status-publish","format-standard","hentry","category-updates","tag-design","tag-gutenberg-weekly","tag-phase-2","mentions-kjellr","author-mapk"],"revision_note":"","jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/make.wordpress.org\/design\/wp-json\/wp\/v2\/posts\/5881","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/make.wordpress.org\/design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/make.wordpress.org\/design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/make.wordpress.org\/design\/wp-json\/wp\/v2\/users\/14686111"}],"replies":[{"embeddable":true,"href":"https:\/\/make.wordpress.org\/design\/wp-json\/wp\/v2\/comments?post=5881"}],"version-history":[{"count":4,"href":"https:\/\/make.wordpress.org\/design\/wp-json\/wp\/v2\/posts\/5881\/revisions"}],"predecessor-version":[{"id":5887,"href":"https:\/\/make.wordpress.org\/design\/wp-json\/wp\/v2\/posts\/5881\/revisions\/5887"}],"wp:attachment":[{"href":"https:\/\/make.wordpress.org\/design\/wp-json\/wp\/v2\/media?parent=5881"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/make.wordpress.org\/design\/wp-json\/wp\/v2\/categories?post=5881"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/make.wordpress.org\/design\/wp-json\/wp\/v2\/tags?post=5881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}