{"id":3764,"date":"2017-12-12T15:18:28","date_gmt":"2017-12-12T20:18:28","guid":{"rendered":"https:\/\/underhost.com\/blog\/?p=3764"},"modified":"2026-10-23T09:48:50","modified_gmt":"2026-10-23T13:48:50","slug":"lend-hand-gutenberg-wordpress-4-9-1","status":"publish","type":"post","link":"https:\/\/underhost.com\/blog\/lend-hand-gutenberg-wordpress-4-9-1\/","title":{"rendered":"Lend a Hand with Gutenberg\u00a0&#8211; WordPress 4.9.1"},"content":{"rendered":"<div class=\"uh-blog-hero\" style=\"margin:0 0 40px;text-align:center;padding:48px 24px;border-radius:20px;background:linear-gradient(135deg,#0D1F3C 0%,#125A8A 58%,#176EA5 100%);color:#ffffff;box-shadow:0 20px 40px -15px rgba(13,31,60,0.28);position:relative;overflow:hidden;\">\n<div style=\"display:inline-flex;align-items:center;gap:8px;padding:7px 14px;margin-bottom:16px;border:1px solid rgba(0,212,255,0.32);border-radius:999px;color:#DFF8FF;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:rgba(0,212,255,0.10);\"><i class=\"fas fa-bullhorn\" style=\"color:#00D4FF;\"><\/i> Company News<\/div>\n<h1 style=\"color:#ffffff;font-size:clamp(32px,5vw,46px);line-height:1.12;margin:0 0 14px;font-weight:800;\">Lend a Hand with Gutenberg\u00a0&#8211; WordPress 4.9.1<\/h1>\n<\/div>\n<div class=\"uh-blog-excerpt\" style=\"border-left:4px solid #00D4FF;padding:18px 20px;margin:0 0 34px;background:#F8FAFC;color:#1F2937;border-radius:0 14px 14px 0;box-shadow:0 8px 28px rgba(13,31,60,0.08);line-height:1.75;\"><strong style=\"color:#0D1F3C;\">Short answer:<\/strong> Welcome to an improved Customizer workflow with design drafts, locking, scheduling, and preview links. What\u2019s more, code syntax highlighting and error checking will make for a clean and smooth site building experience. Finally, if all that wasn\u2019t pretty great, we\u2019ve got a great new Gallery widget and improvements to theme browsing and switching.<\/div>\n<nav class=\"uh-toc\" aria-label=\"Table of contents\" style=\"background:#ffffff;border:1px solid #E5E7EB;border-radius:16px;padding:20px 22px;margin:0 0 34px;box-shadow:0 4px 12px rgba(13,31,60,0.08);\">\n<div style=\"font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#176EA5;margin-bottom:10px;\"><i class=\"fas fa-list\" style=\"color:#00D4FF;\"><\/i> In this guide<\/div>\n<ol style=\"margin:0;padding-left:20px;columns:2 260px;column-gap:28px;line-height:1.9;\">\n<li><a href=\"#major-customizer-improvements-code-error-checkin\" style=\"color:#176EA5;text-decoration:none;font-weight:600;\">Major Customizer Improvements, Code Error Checking, and More! &#x1f389;<\/a><\/li>\n<li><a href=\"#customizer-workflow-improved\" style=\"color:#176EA5;text-decoration:none;font-weight:600;\">Customizer Workflow Improved<\/a><\/li>\n<li><a href=\"#coding-enhancements\" style=\"color:#176EA5;text-decoration:none;font-weight:600;\">Coding Enhancements<\/a><\/li>\n<li><a href=\"#even-more-widget-updates\" style=\"color:#176EA5;text-decoration:none;font-weight:600;\">Even More Widget Updates<\/a><\/li>\n<li><a href=\"#site-building-improvements\" style=\"color:#176EA5;text-decoration:none;font-weight:600;\">Site Building Improvements<\/a><\/li>\n<li><a href=\"#lend-a-hand-with-gutenberg\" style=\"color:#176EA5;text-decoration:none;font-weight:600;\">Lend a Hand with Gutenberg &#x1f91d;<\/a><\/li>\n<\/ol>\n<\/nav>\n<div class=\"uh-post-content\" style=\"color:#1F2937;font-size:16px;line-height:1.75;\">\n<div style=\"background:#FFF7ED;border:1px solid #FDBA74;border-radius:16px;padding:20px 22px;margin:24px 0;\">\n<h3 style=\"margin:0 0 10px;color:#9A3412;font-size:20px;\"><i class=\"fas fa-exclamation-triangle\" style=\"color:#F97316;\"><\/i> Note.<\/h3>\n<p style=\"margin:0;color:#7C2D12;line-height:1.7;\">This is an archived release note from WordPress 4.9.1 (2017). It is not current, and it does not describe the software you would run today. For current release information, see the official release notes.<\/p>\n<\/div>\n<h2 id=\"major-customizer-improvements-code-error-checkin\" style=\"color:#0D1F3C;font-size:28px;line-height:1.25;margin:34px 0 14px;scroll-margin-top:90px;\"><i class=\"fas fa-exclamation-triangle\" style=\"color:#00D4FF;\"><\/i> Major Customizer Improvements, Code Error Checking, and More! &#x1f389;<\/h2>\n<picture><source media=\"(max-width: 500px)\" srcset=\"https:\/\/s.w.org\/images\/core\/4.9\/banner-mobile.svg\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/s.w.org\/images\/core\/4.9\/banner.svg\"\/><\/picture>\n<h2 id=\"customizer-workflow-improved\" style=\"color:#0D1F3C;font-size:28px;line-height:1.25;margin:34px 0 14px;scroll-margin-top:90px;\"><i class=\"fas fa-angle-double-right\" style=\"color:#00D4FF;\"><\/i> Customizer Workflow Improved<\/h2>\n<p style=\"margin:0 0 18px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/s.w.org\/images\/core\/4.9\/draft-and-schedule.svg\" style=\"max-width:100%;height:auto;\"\/><\/p>\n<h3 style=\"color:#0D1F3C;font-size:21px;line-height:1.3;margin:26px 0 10px;\">Draft and Schedule Site Design Customizations<\/h3>\n<p style=\"margin:0 0 18px;\">Yes, you read that right. Just like you can draft and revise posts and schedule them to go live on the date and time you choose, you can now tinker with your site\u2019s design and schedule those design changes to go live as you please.<\/p>\n<p style=\"margin:0 0 18px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/s.w.org\/images\/core\/4.9\/design-preview-links.svg\" style=\"max-width:100%;height:auto;\"\/><\/p>\n<h3 style=\"color:#0D1F3C;font-size:21px;line-height:1.3;margin:26px 0 10px;\">Collaborate with Design Preview Links<\/h3>\n<p style=\"margin:0 0 18px;\">Need to get some feedback on proposed site design changes? WordPress 4.9 gives you a preview link you can send to your team and customers so that you can collect and integrate feedback before you schedule the changes to go live. Can we say collaboration++?<\/p>\n<p style=\"margin:0 0 18px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/s.w.org\/images\/core\/4.9\/locking.svg\" style=\"max-width:100%;height:auto;\"\/><\/p>\n<h3 style=\"color:#0D1F3C;font-size:21px;line-height:1.3;margin:26px 0 10px;\">Design Locking To Guard Your Changes<\/h3>\n<p style=\"margin:0 0 18px;\">Ever encounter a scenario where two designers walk into a project and designer A overrides designer B\u2019s beautiful changes? WordPress 4.9\u2019s design lock feature (similar to post locking) secures your draft design so that no one can make changes to it or erase all your hard work.<\/p>\n<p style=\"margin:0 0 18px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/s.w.org\/images\/core\/4.9\/prompt.svg\" style=\"max-width:100%;height:auto;\"\/><\/p>\n<h3 style=\"color:#0D1F3C;font-size:21px;line-height:1.3;margin:26px 0 10px;\">A Prompt to Protect Your Work<\/h3>\n<p style=\"margin:0 0 18px;\">Were you lured away from your desk before you saved your new draft design? Fear not, when you return, WordPress 4.9 will politely ask whether or not you\u2019d like to save your unsaved changes.<\/p>\n<h2 id=\"coding-enhancements\" style=\"color:#0D1F3C;font-size:28px;line-height:1.25;margin:34px 0 14px;scroll-margin-top:90px;\"><i class=\"fas fa-angle-double-right\" style=\"color:#00D4FF;\"><\/i> Coding Enhancements<\/h2>\n<p style=\"margin:0 0 18px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/s.w.org\/images\/core\/4.9\/syntax-highlighting.svg\" style=\"max-width:100%;height:auto;\"\/><\/p>\n<h3 style=\"color:#0D1F3C;font-size:21px;line-height:1.3;margin:26px 0 10px;\">Syntax Highlighting and Error Checking? Yes, Please!<\/h3>\n<p style=\"margin:0 0 18px;\">You\u2019ve got a display problem but can\u2019t quite figure out exactly what went wrong in the CSS you lovingly wrote. With syntax highlighting and error checking for CSS editing and the Custom HTML widget introduced in WordPress 4.8.1, you\u2019ll pinpoint coding errors quickly. Practically guaranteed to help you scan code more easily and suss out and fix code errors quickly.<\/p>\n<p style=\"margin:0 0 18px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/s.w.org\/images\/core\/4.9\/sandbox.svg\" style=\"max-width:100%;height:auto;\"\/><\/p>\n<h3 style=\"color:#0D1F3C;font-size:21px;line-height:1.3;margin:26px 0 10px;\">Sandbox for Safety<\/h3>\n<p style=\"margin:0 0 18px;\">The dreaded white screen. You\u2019ll avoid it when working on themes and plugin code because WordPress 4.9 will warn you about saving an error. You\u2019ll sleep better at night.<\/p>\n<p style=\"margin:0 0 18px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/s.w.org\/images\/core\/4.9\/warning.svg\" style=\"max-width:100%;height:auto;\"\/><\/p>\n<h3 style=\"color:#0D1F3C;font-size:21px;line-height:1.3;margin:26px 0 10px;\">Warning: Potential Danger Ahead!<\/h3>\n<p style=\"margin:0 0 18px;\">When you edit themes and plugins directly, WordPress 4.9 will politely warn you that this is a dangerous practice. It will recommend that you backup your files before saving, so they don\u2019t get overwritten by the next update. Take the safe route: your future self will thank you. Your team and customers will thank you.<\/p>\n<h2 id=\"even-more-widget-updates\" style=\"color:#0D1F3C;font-size:28px;line-height:1.25;margin:34px 0 14px;scroll-margin-top:90px;\"><i class=\"fas fa-terminal\" style=\"color:#00D4FF;\"><\/i> Even More Widget Updates<\/h2>\n<p style=\"margin:0 0 18px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/s.w.org\/images\/core\/4.9\/gallery-widget.svg\" style=\"max-width:100%;height:auto;\"\/><\/p>\n<h3 style=\"color:#0D1F3C;font-size:21px;line-height:1.3;margin:26px 0 10px;\">The New Gallery Widget<\/h3>\n<p style=\"margin:0 0 18px;\">An incremental improvement to the media changes hatched in WordPress 4.8, you can now add a gallery via widget. Yes!<\/p>\n<p style=\"margin:0 0 18px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/s.w.org\/images\/core\/4.9\/media-button.svg\" style=\"max-width:100%;height:auto;\"\/><\/p>\n<h3 style=\"color:#0D1F3C;font-size:21px;line-height:1.3;margin:26px 0 10px;\">Press a Button, Add Media<\/h3>\n<p style=\"margin:0 0 18px;\">Want to add media to your text widget? Embed images, video, and audio directly into the widget along with your text, with our simple but useful Add Media button. Woo!<\/p>\n<h2 id=\"site-building-improvements\" style=\"color:#0D1F3C;font-size:28px;line-height:1.25;margin:34px 0 14px;scroll-margin-top:90px;\"><i class=\"fas fa-angle-double-right\" style=\"color:#00D4FF;\"><\/i> Site Building Improvements<\/h2>\n<p style=\"margin:0 0 18px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/s.w.org\/images\/core\/4.9\/theme-switching.svg\" style=\"max-width:100%;height:auto;\"\/><\/p>\n<h3 style=\"color:#0D1F3C;font-size:21px;line-height:1.3;margin:26px 0 10px;\">More Reliable Theme Switching<\/h3>\n<p style=\"margin:0 0 18px;\">When you switch themes, widgets sometimes think they can just up and move location. Improvements in WordPress 4.9 offer more persistent menu and widget placement when you decide it\u2019s time for a new theme. Additionally, you can preview installed themes or download, install, and preview new themes right. Nothing says handy like being able to preview before you deploy.<\/p>\n<p style=\"margin:0 0 18px;\"><img decoding=\"async\" alt=\"\" src=\"https:\/\/s.w.org\/images\/core\/4.9\/menu-flow.svg\" style=\"max-width:100%;height:auto;\"\/><\/p>\n<h3 style=\"color:#0D1F3C;font-size:21px;line-height:1.3;margin:26px 0 10px;\">Better Menu Instructions = Less Confusion<\/h3>\n<p style=\"margin:0 0 18px;\">Were you confused by the steps to create a new menu? Perhaps no longer! We\u2019ve ironed out the UX for a smoother menu creation process. Newly updated copy will guide you.<\/p>\n<picture><source media=\"(max-width: 500px)\" srcset=\"https:\/\/s.w.org\/images\/core\/4.9\/gutenberg-mobile.svg\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/s.w.org\/images\/core\/4.9\/gutenberg.svg\"\/><\/picture>\n<h2 id=\"lend-a-hand-with-gutenberg\" style=\"color:#0D1F3C;font-size:28px;line-height:1.25;margin:34px 0 14px;scroll-margin-top:90px;\"><i class=\"fas fa-angle-double-right\" style=\"color:#00D4FF;\"><\/i> Lend a Hand with Gutenberg &#x1f91d;<\/h2>\n<div aria-hidden=\"true\" class=\"uh-section-divider\" style=\"width:min(100% - 32px, 1080px);margin:44px auto;display:grid;grid-template-columns:1fr 32px 1fr;align-items:center;gap:18px;pointer-events:none;\"><span style=\"height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,0.40),rgba(23,110,165,0.24),transparent);\"><\/span><img alt=\"\" decoding=\"async\" height=\"32\" loading=\"lazy\" src=\"https:\/\/cdn.underhost.com\/android-chrome-192x192.webp\" style=\"width:32px;height:32px;display:block;border-radius:8px;filter:drop-shadow(0 0 14px rgba(0,212,255,0.30));\" width=\"32\"\/><span style=\"height:1px;background:linear-gradient(90deg,transparent,rgba(23,110,165,0.24),rgba(0,212,255,0.40),transparent);\"><\/span><\/div>\n<\/div>\n<div class=\"uh-blog-cta\" style=\"background:linear-gradient(135deg,#0D1F3C 0%,#125A8A 58%,#176EA5 100%);color:#ffffff;padding:36px 24px;border-radius:20px;text-align:center;margin:44px 0;box-shadow:0 20px 40px -15px rgba(13,31,60,0.32);\">\n<h2 style=\"margin:0 0 12px;font-size:28px;line-height:1.25;color:#ffffff;\">Need help putting this into practice?<\/h2>\n<p style=\"font-size:17px;margin:0 auto 22px;color:#EAF6FF;max-width:720px;line-height:1.7;\">Our team can review your setup and help you choose the right plan. Contact @CustomerPanel for support.<\/p>\n<p><a href=\"https:\/\/underhost.com\/shared-hosting.php\" style=\"background:linear-gradient(90deg,#00D4FF,#0077FF);color:#ffffff;padding:13px 28px;border-radius:10px;text-decoration:none;font-weight:800;display:inline-block;margin:8px;\">View hosting plans<\/a><a href=\"https:\/\/customerpanel.ca\/client\/\" style=\"background:transparent;color:#ffffff;padding:12px 28px;border-radius:10px;text-decoration:none;font-weight:800;display:inline-block;margin:8px;border:1px solid rgba(255,255,255,0.32);\">Contact @CustomerPanel<\/a><\/div>\n<p><!-- uh-related-start --><\/p>\n<div style=\"background:#F4F8FC;border:1px solid #DCE7F3;border-radius:14px;padding:18px 22px;margin:32px 0 8px;\">\n<h2 style=\"margin:0 0 12px;font-size:22px;\">Related guides<\/h2>\n<ul style=\"margin:0;padding-left:20px;\">\n<li style=\"margin:0 0 8px;\"><a href=\"https:\/\/underhost.com\/blog\/wordpress-made-easy-how-to-use-wordpress-toolkit-for-hassle-free-management\/\">WordPress Made Easy: How to Use WordPress Toolkit for Hassle-Free Management<\/a><\/li>\n<li style=\"margin:0 0 8px;\"><a href=\"https:\/\/underhost.com\/blog\/wordpress-4-7-vaughan\/\">WordPress 4.7 \u2013 Vaughan<\/a><\/li>\n<li style=\"margin:0 0 8px;\"><a href=\"https:\/\/underhost.com\/blog\/wordpress-password-reset-the-easiest-way\/\">WordPress Password Reset: Safe Ways to Regain Admin Access<\/a><\/li>\n<li style=\"margin:0 0 8px;\"><a href=\"https:\/\/underhost.com\/blog\/how-to-reset-wordpress-admin-password-via-ssh\/\">How to Reset a WordPress Admin Password (Email, WP-CLI or Database)<\/a><\/li>\n<li style=\"margin:0 0 8px;\"><a href=\"https:\/\/underhost.com\/blog\/wordpress-backdoor-alert-30-plugins-compromised-is-your-website-at-risk\/\">WordPress Backdoor 30+ Plugins Compromised &#8211; Is Your Website at Risk?<\/a><\/li>\n<\/ul>\n<\/div>\n<p><!-- uh-related-end --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Welcome to an improved Customizer workflow with design drafts, locking, scheduling, and preview links. What\u2019s more, code syntax highlighting and error checking will make for a clean and smooth site building experience. Finally, if all that wasn\u2019t pretty great, we\u2019ve got a great new Gallery widget and improvements to theme browsing and switching.<\/p>\n","protected":false},"author":1,"featured_media":308,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[125,116],"class_list":["post-3764","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-company-news","tag-tag-backups","tag-tag-wordpress"],"_links":{"self":[{"href":"https:\/\/underhost.com\/blog\/wp-json\/wp\/v2\/posts\/3764","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/underhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/underhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/underhost.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/underhost.com\/blog\/wp-json\/wp\/v2\/comments?post=3764"}],"version-history":[{"count":9,"href":"https:\/\/underhost.com\/blog\/wp-json\/wp\/v2\/posts\/3764\/revisions"}],"predecessor-version":[{"id":7002,"href":"https:\/\/underhost.com\/blog\/wp-json\/wp\/v2\/posts\/3764\/revisions\/7002"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/underhost.com\/blog\/wp-json\/wp\/v2\/media\/308"}],"wp:attachment":[{"href":"https:\/\/underhost.com\/blog\/wp-json\/wp\/v2\/media?parent=3764"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/underhost.com\/blog\/wp-json\/wp\/v2\/categories?post=3764"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/underhost.com\/blog\/wp-json\/wp\/v2\/tags?post=3764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}