{"id":11979,"date":"2021-05-13T11:01:00","date_gmt":"2021-05-13T15:01:00","guid":{"rendered":"https:\/\/005abf0ad9.nxcli.io\/?p=11979"},"modified":"2021-05-12T11:08:46","modified_gmt":"2021-05-12T15:08:46","slug":"wordpress-gutenberg-full-screen-mode","status":"publish","type":"post","link":"https:\/\/coursevector.com\/wordpress-gutenberg-full-screen-mode\/","title":{"rendered":"WordPress Gutenberg Full-Screen Mode"},"content":{"rendered":"\n<p>By now, most of our client sites have been updated from the Classic to Gutenberg WordPress (WP) editor. However, we&#8217;ve recently gotten a few complaints about things looking &#8220;funny&#8221; when clients try to edit their websites. By default, when WordPress updates it turns on full screen editing mode. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Full Screen Mode<\/h2>\n\n\n\n<p>When editing in full screen mode, it removes all the &#8220;distractions&#8221; of the normal WP editor. You have a clean space in which you can focus on writing. Some people prefer this method for creating content. If you aren&#8217;t one of them, <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-disable-fullscreen-editor-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">you can turn off full screen mode<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to get back to the dashboard<\/h2>\n\n\n\n<p>If you click to edit a page and find that you&#8217;re in full-screen editing mode, find the three dots in the top right corner of the page.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"325\" height=\"87\" src=\"https:\/\/coursevector.com\/wp-content\/uploads\/Full-screen-menu.png\" alt=\"three dots in the top right corner of WP editor highlighted\" class=\"wp-image-11981\" srcset=\"https:\/\/coursevector.com\/wp-content\/uploads\/Full-screen-menu.png 325w, https:\/\/coursevector.com\/wp-content\/uploads\/Full-screen-menu-300x80.png 300w\" sizes=\"(max-width: 325px) 100vw, 325px\" \/><\/figure><\/div>\n\n\n\n<p>Click on those three dots to open the menu. This will bring up a setting menu. You will see options for the &#8220;top toolbar&#8221;, &#8220;spotlight mode&#8221;, and &#8220;full screen mode.&#8221; Notice there is a checkmark inside the box for &#8220;full screen mode.&#8221;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"501\" src=\"https:\/\/coursevector.com\/wp-content\/uploads\/Screenshot-2021-05-12-10.51.07-1024x501.png\" alt=\"WP in full screen editing mode. \" class=\"wp-image-11982\" srcset=\"https:\/\/coursevector.com\/wp-content\/uploads\/Screenshot-2021-05-12-10.51.07-1024x501.png 1024w, https:\/\/coursevector.com\/wp-content\/uploads\/Screenshot-2021-05-12-10.51.07-300x147.png 300w, https:\/\/coursevector.com\/wp-content\/uploads\/Screenshot-2021-05-12-10.51.07-768x376.png 768w, https:\/\/coursevector.com\/wp-content\/uploads\/Screenshot-2021-05-12-10.51.07-1536x751.png 1536w, https:\/\/coursevector.com\/wp-content\/uploads\/Screenshot-2021-05-12-10.51.07.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>Simply click somewhere in that box to uncheck the full screen option. This will take you back to a screen you may be more comfortable or familiar with.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"483\" src=\"https:\/\/coursevector.com\/wp-content\/uploads\/Screenshot-2021-05-12-10.51.15-1024x483.png\" alt=\"regular WP editing mode\" class=\"wp-image-11983\" srcset=\"https:\/\/coursevector.com\/wp-content\/uploads\/Screenshot-2021-05-12-10.51.15-1024x483.png 1024w, https:\/\/coursevector.com\/wp-content\/uploads\/Screenshot-2021-05-12-10.51.15-300x141.png 300w, https:\/\/coursevector.com\/wp-content\/uploads\/Screenshot-2021-05-12-10.51.15-768x362.png 768w, https:\/\/coursevector.com\/wp-content\/uploads\/Screenshot-2021-05-12-10.51.15-1536x724.png 1536w, https:\/\/coursevector.com\/wp-content\/uploads\/Screenshot-2021-05-12-10.51.15.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>Now, you&#8217;ll see the dashboard menu to the left, the editing portion of the screen is in the middle, and your block and page controls are on the right. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Video Tutorials<\/h2>\n\n\n\n<p>If you&#8217;re a CourseVector client, we include video tutorials right in the dashboard of our client sites. Within the editing window, there will be a few suggested videos, but the library is extensive. Alternatively, you can do a quick Google search on just about anything WordPress and get more results that you&#8217;ll know what to do with!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">One-on-One Training<\/h2>\n\n\n\n<p>If you&#8217;d prefer to learn by doing with a technician, CourseVector offers<a href=\"https:\/\/coursevector.com\/programs\/wordpress-training\/\" target=\"_blank\" rel=\"noreferrer noopener\"> one-on-one training<\/a>. The technician will work with you on your site via screen share. You&#8217;ll have the opportunity to ask questions and learn the skills you need to manage your website. After the session, you will receive a video of your time with the technician so that you have something to refer back to later.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>By now, most of our client sites have been updated from the Classic to Gutenberg WordPress (WP) editor. However, we&#8217;ve recently gotten a few complaints about things looking &#8220;funny&#8221; when clients try to edit their websites. By default, when WordPress updates it turns on full screen editing mode. Full Screen Mode When editing in full [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":11985,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","footnotes":""},"categories":[9],"tags":[],"class_list":["post-11979","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design"],"acf":[],"publishpress_future_action":{"enabled":false,"date":"2027-04-28 12:44:02","action":"change-status","newStatus":"trash","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/coursevector.com\/wp-json\/wp\/v2\/posts\/11979","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coursevector.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/coursevector.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/coursevector.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/coursevector.com\/wp-json\/wp\/v2\/comments?post=11979"}],"version-history":[{"count":2,"href":"https:\/\/coursevector.com\/wp-json\/wp\/v2\/posts\/11979\/revisions"}],"predecessor-version":[{"id":11986,"href":"https:\/\/coursevector.com\/wp-json\/wp\/v2\/posts\/11979\/revisions\/11986"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/coursevector.com\/wp-json\/wp\/v2\/media\/11985"}],"wp:attachment":[{"href":"https:\/\/coursevector.com\/wp-json\/wp\/v2\/media?parent=11979"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/coursevector.com\/wp-json\/wp\/v2\/categories?post=11979"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/coursevector.com\/wp-json\/wp\/v2\/tags?post=11979"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}