{"id":175,"date":"2020-06-11T15:28:09","date_gmt":"2020-06-11T19:28:09","guid":{"rendered":"https:\/\/cpa.apps01.yorku.ca\/?page_id=175"},"modified":"2020-07-20T09:18:55","modified_gmt":"2020-07-20T13:18:55","slug":"interface","status":"publish","type":"page","link":"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/gutenberg-editor\/interface\/","title":{"rendered":"The Gutenberg Interface"},"content":{"rendered":"\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Learn Your Way Around<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>The Gutenberg interface is comprised of three main areas:&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Editing Toolbar: Very top of screen,&nbsp;marked&nbsp;in&nbsp;<strong>RED&nbsp;box&nbsp;<\/strong><\/li><li>Content Area: Large area on the left side of the screen,&nbsp;marked&nbsp;in&nbsp;<strong>GREEN&nbsp;box&nbsp;<\/strong><\/li><li>Advanced Settings: Right sidebar area,&nbsp;marked&nbsp;in&nbsp;<strong>BLUE&nbsp;box<\/strong>&nbsp;<\/li><\/ol>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h2 class=\"text-uppercase h5 wp-block-heading\">Next Steps<\/h2>\n\n\n\n<ul class=\"list-unstyled wp-block-list\"><li><a href=\"https:\/\/www.yorku.ca\"><a href=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/gutenberg-editor\/building-pages\/\" target=\"_blank\" rel=\"noreferrer noopener\">Building Pages<\/a><\/a><\/li><li><a href=\"https:\/\/www.yorku.ca\"><a href=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/gutenberg-editor\/advanced-tricks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Advanced Tricks<\/a><\/a><\/li><li><a href=\"https:\/\/www.yorku.ca\"><a href=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/gutenberg-editor\/managing-content\/\">Managing Old Content<\/a><\/a><\/li><\/ul>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1922\" height=\"939\" src=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/Gutenburg-Interface-1.png\" alt=\"The Gutenberg Interface\" class=\"wp-image-206\" srcset=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/Gutenburg-Interface-1.png 1922w, https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/Gutenburg-Interface-1-300x147.png 300w, https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/Gutenburg-Interface-1-1024x500.png 1024w, https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/Gutenburg-Interface-1-1536x750.png 1536w\" sizes=\"auto, (max-width: 1922px) 100vw, 1922px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"border-top pt-2 wp-block-heading\">1. Editing Tool<\/h3>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1922\" height=\"285\" src=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/Editing-toolbar-single.png\" alt=\"Editing Tool\" class=\"wp-image-233\" srcset=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/Editing-toolbar-single.png 1922w, https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/Editing-toolbar-single-300x44.png 300w, https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/Editing-toolbar-single-1024x152.png 1024w, https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/Editing-toolbar-single-1536x228.png 1536w\" sizes=\"auto, (max-width: 1922px) 100vw, 1922px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>This is located&nbsp;at the top of the&nbsp;screen;&nbsp;the editing toolbar allows you to do the following:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Add a new block to the content area&nbsp;<\/li><li>Undo\/Redo changes&nbsp;you have&nbsp;made&nbsp;<\/li><li>View your content's structure (number of words, paragraphs, blocks, headings, and a table of contents)&nbsp;<\/li><li>Save your changes, or see a visual confirmation that your latest changes have been&nbsp;auto saved&nbsp;<\/li><li>Preview your page\/post&nbsp;<\/li><li>Publish settings, such as post visibility &amp; publish date\/time&nbsp;<\/li><li>Show\/Hide the advanced settings right sidebar&nbsp;<\/li><li>Additional settings, including:&nbsp;<br> 1. Switch between visual &amp; code editors&nbsp;<br> 2. Fix the block toolbar to the top of the screen&nbsp;<br> 3. Copy all content&nbsp;<\/li><\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"border-top pt-2 wp-block-heading\">2. Content Area<\/h3>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1922\" height=\"691\" src=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/content-area-single.png\" alt=\"Content Area\" class=\"wp-image-234\" srcset=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/content-area-single.png 1922w, https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/content-area-single-300x108.png 300w, https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/content-area-single-1024x368.png 1024w, https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/content-area-single-1536x552.png 1536w\" sizes=\"auto, (max-width: 1922px) 100vw, 1922px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>The content area is where you add content to your page&nbsp;or post. This is essentially the same as it was in the classic WordPress editing screen&nbsp;in 2014 York theme. Only now, instead of using&nbsp;TinyMCE&nbsp;to edit content, you&nbsp;are using Gutenberg blocks.&nbsp;<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1604\" height=\"129\" src=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/block-toolbox-single.png\" alt=\"Block Toolbar\" class=\"wp-image-235\" srcset=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/block-toolbox-single.png 1604w, https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/block-toolbox-single-300x24.png 300w, https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/block-toolbox-single-1024x82.png 1024w, https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/block-toolbox-single-1536x124.png 1536w\" sizes=\"auto, (max-width: 1604px) 100vw, 1604px\" \/><figcaption>Block Toolbar<\/figcaption><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Different blocks will have different toolbars. This is because the features that are available to each block are different. For example, the paragraph block has bold, italics, strikethrough, links and alignment available to it. But the&nbsp;short code&nbsp;block&nbsp;has&nbsp;no options, because everything is managed within the&nbsp;short code.&nbsp;<\/p>\n\n\n\n<h3 class=\"border-top pt-2 wp-block-heading\">3. Advanced Settings<\/h3>\n\n\n\n<p>The advanced settings area is located&nbsp;at&nbsp;the right sidebar, and comprised of two distinct sub-sections:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Document Settings&nbsp;<\/li><li>Block Settings&nbsp;<\/li><\/ul>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p><strong>Document Settings<\/strong>&nbsp;<\/p>\n\n\n\n<p>This is also known as the page or post settings. They are the settings that apply to that one specific page or post which you are editing or creating.&nbsp;<br><br>Document settings&nbsp;contains much of the same information that was in the right sidebar of the classic WordPress editor:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Status, visibility &amp; publish date&nbsp;<\/li><li>Post format&nbsp;<\/li><li>Categories&nbsp;<\/li><li>Tags&nbsp;<\/li><li>Featured image&nbsp;<\/li><\/ul>\n\n\n\n<p>It also includes some things that you were used to seeing below your content (at the bottom of the page):&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Author&nbsp;<\/li><li>Discussion settings&nbsp;<\/li><li>Excerpt&nbsp;<\/li><li>Yoast SEO&nbsp;internal link&nbsp;suggestion&nbsp;settings&nbsp;<\/li><\/ul>\n\n\n\n<p><strong>Block Settings<\/strong>&nbsp;<\/p>\n\n\n\n<p>This is where you will find advanced settings for each individual block on your page.&nbsp;<br><br>The block toolbar, directly above the block itself (in the content area), contains the&nbsp;most used, and most basic, settings. However, many blocks have even more options, and those can be configured here in the right sidebar.&nbsp;<br><br>Kindly note that not all blocks have advanced settings. Sometimes you will not see anything in this area i.e.&nbsp;shortcode&nbsp;&amp; custom HTML blocks&nbsp;<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33%\">\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"374\" height=\"720\" src=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/advance-settings.gif\" alt=\"Advanced settings\" class=\"wp-image-264\"\/><\/figure>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-background has-very-light-gray-background-color has-very-light-gray-color is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns learnmore-block is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:45%\">\n<div class=\"wp-block-image\"><figure class=\"alignleft size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/plugins\/yu-blockpatterns\/img\/learnmore.png\" alt=\"learn more york emblem\" class=\"wp-image-11892\" width=\"53\" height=\"76\"\/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Learn More<\/h2>\n\n\n\n<p>Let's explore building pages with Gutenberg blocks.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons aligncenter is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"\/digitalexperiencehub\/resources\/gutenberg-editor\/building-pages\/\">Building Pages<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns social-bar-block is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"h6 text-white text-center wp-block-heading\">Connect with ¿ì²¥ÊÓƵ<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"wp-block-social-links aligncenter my-2 is-style-default is-layout-flex wp-block-social-links-is-layout-flex\"><li class=\"wp-social-link wp-social-link-facebook  wp-block-social-link\"><a href=\"https:\/\/www.facebook.com\/yorkuniversity\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">facebook link<\/span><\/a><\/li>\n\n<li class=\"wp-social-link wp-social-link-twitter  wp-block-social-link\"><a href=\"https:\/\/www.twitter.com\/yorkuniversity\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">twitter link<\/span><\/a><\/li>\n\n<li class=\"wp-social-link wp-social-link-linkedin  wp-block-social-link\"><a href=\"https:\/\/www.linkedin.com\/school\/167012\/\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">linkedin link<\/span><\/a><\/li>\n\n<li class=\"wp-social-link wp-social-link-instagram  wp-block-social-link\"><a href=\"https:\/\/www.instagram.com\/yorkuniversity\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">instagram link<\/span><\/a><\/li><\/ul>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Learn Your Way Around The Gutenberg interface is comprised of three main areas:&nbsp; Editing Toolbar: Very top of screen,&nbsp;marked&nbsp;in&nbsp;RED&nbsp;box&nbsp; Content Area: Large area on the left side of the screen,&nbsp;marked&nbsp;in&nbsp;GREEN&nbsp;box&nbsp; Advanced Settings: Right sidebar area,&nbsp;marked&nbsp;in&nbsp;BLUE&nbsp;box&nbsp; Next Steps Building Pages Advanced Tricks Managing Old Content 1. Editing Tool This is located&nbsp;at the top of the&nbsp;screen;&nbsp;the editing [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":152,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","ngg_post_thumbnail":0,"footnotes":""},"tags":[],"class_list":["post-175","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>The Gutenberg Interface | WordPress Editor | Digital Experience Hub<\/title>\n<meta name=\"description\" content=\"Want to learn about the WordPress Gutenberg editor? Let&#039;s go over a quick run-down of the elements of the main block editor interface.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/gutenberg-editor\/interface\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Gutenberg Interface | WordPress Editor | Digital Experience Hub\" \/>\n<meta property=\"og:description\" content=\"Want to learn about the WordPress Gutenberg editor? Let&#039;s go over a quick run-down of the elements of the main block editor interface.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/gutenberg-editor\/interface\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital Experience Hub\" \/>\n<meta property=\"article:modified_time\" content=\"2020-07-20T13:18:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/Gutenburg-Interface-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.yorku.ca\\\/digitalexperiencehub\\\/resources\\\/gutenberg-editor\\\/interface\\\/\",\"url\":\"https:\\\/\\\/www.yorku.ca\\\/digitalexperiencehub\\\/resources\\\/gutenberg-editor\\\/interface\\\/\",\"name\":\"The Gutenberg Interface | WordPress Editor | Digital Experience Hub\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yorku.ca\\\/digitalexperiencehub\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.yorku.ca\\\/digitalexperiencehub\\\/resources\\\/gutenberg-editor\\\/interface\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.yorku.ca\\\/digitalexperiencehub\\\/resources\\\/gutenberg-editor\\\/interface\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yorku.ca\\\/digitalexperiencehub\\\/wp-content\\\/uploads\\\/sites\\\/17\\\/2020\\\/06\\\/Gutenburg-Interface-1.png\",\"datePublished\":\"2020-06-11T19:28:09+00:00\",\"dateModified\":\"2020-07-20T13:18:55+00:00\",\"description\":\"Want to learn about the WordPress Gutenberg editor? Let's go over a quick run-down of the elements of the main block editor interface.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.yorku.ca\\\/digitalexperiencehub\\\/resources\\\/gutenberg-editor\\\/interface\\\/#breadcrumb\"},\"inLanguage\":\"en-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.yorku.ca\\\/digitalexperiencehub\\\/resources\\\/gutenberg-editor\\\/interface\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\\\/\\\/www.yorku.ca\\\/digitalexperiencehub\\\/resources\\\/gutenberg-editor\\\/interface\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.yorku.ca\\\/digitalexperiencehub\\\/wp-content\\\/uploads\\\/sites\\\/17\\\/2020\\\/06\\\/Gutenburg-Interface-1.png\",\"contentUrl\":\"https:\\\/\\\/www.yorku.ca\\\/digitalexperiencehub\\\/wp-content\\\/uploads\\\/sites\\\/17\\\/2020\\\/06\\\/Gutenburg-Interface-1.png\",\"width\":1922,\"height\":939},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.yorku.ca\\\/digitalexperiencehub\\\/resources\\\/gutenberg-editor\\\/interface\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.yorku.ca\\\/digitalexperiencehub\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Technical Resources\",\"item\":\"https:\\\/\\\/www.yorku.ca\\\/digitalexperiencehub\\\/resources\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Introducing Gutenberg Editor\",\"item\":\"https:\\\/\\\/www.yorku.ca\\\/digitalexperiencehub\\\/resources\\\/gutenberg-editor\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"The Gutenberg Interface\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.yorku.ca\\\/digitalexperiencehub\\\/#website\",\"url\":\"https:\\\/\\\/www.yorku.ca\\\/digitalexperiencehub\\\/\",\"name\":\"Digital Experience Hub\",\"description\":\"Web Toolbox\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.yorku.ca\\\/digitalexperiencehub\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-CA\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Gutenberg Interface | WordPress Editor | Digital Experience Hub","description":"Want to learn about the WordPress Gutenberg editor? Let's go over a quick run-down of the elements of the main block editor interface.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/gutenberg-editor\/interface\/","og_locale":"en_US","og_type":"article","og_title":"The Gutenberg Interface | WordPress Editor | Digital Experience Hub","og_description":"Want to learn about the WordPress Gutenberg editor? Let's go over a quick run-down of the elements of the main block editor interface.","og_url":"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/gutenberg-editor\/interface\/","og_site_name":"Digital Experience Hub","article_modified_time":"2020-07-20T13:18:55+00:00","og_image":[{"url":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/Gutenburg-Interface-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/gutenberg-editor\/interface\/","url":"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/gutenberg-editor\/interface\/","name":"The Gutenberg Interface | WordPress Editor | Digital Experience Hub","isPartOf":{"@id":"https:\/\/www.yorku.ca\/digitalexperiencehub\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/gutenberg-editor\/interface\/#primaryimage"},"image":{"@id":"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/gutenberg-editor\/interface\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/Gutenburg-Interface-1.png","datePublished":"2020-06-11T19:28:09+00:00","dateModified":"2020-07-20T13:18:55+00:00","description":"Want to learn about the WordPress Gutenberg editor? Let's go over a quick run-down of the elements of the main block editor interface.","breadcrumb":{"@id":"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/gutenberg-editor\/interface\/#breadcrumb"},"inLanguage":"en-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/gutenberg-editor\/interface\/"]}]},{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/gutenberg-editor\/interface\/#primaryimage","url":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/Gutenburg-Interface-1.png","contentUrl":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-content\/uploads\/sites\/17\/2020\/06\/Gutenburg-Interface-1.png","width":1922,"height":939},{"@type":"BreadcrumbList","@id":"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/gutenberg-editor\/interface\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.yorku.ca\/digitalexperiencehub\/"},{"@type":"ListItem","position":2,"name":"Technical Resources","item":"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/"},{"@type":"ListItem","position":3,"name":"Introducing Gutenberg Editor","item":"https:\/\/www.yorku.ca\/digitalexperiencehub\/resources\/gutenberg-editor\/"},{"@type":"ListItem","position":4,"name":"The Gutenberg Interface"}]},{"@type":"WebSite","@id":"https:\/\/www.yorku.ca\/digitalexperiencehub\/#website","url":"https:\/\/www.yorku.ca\/digitalexperiencehub\/","name":"Digital Experience Hub","description":"Web Toolbox","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.yorku.ca\/digitalexperiencehub\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-CA"}]}},"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"akolade","author_link":"https:\/\/www.yorku.ca\/digitalexperiencehub\/author\/akolade\/"},"comment_info":0,"publishpress_future_action":{"enabled":false,"date":"2026-05-01 17:17:13","action":"change-status","newStatus":"publish","terms":[],"taxonomy":"post_tag"},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-json\/wp\/v2\/pages\/175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-json\/wp\/v2\/comments?post=175"}],"version-history":[{"count":7,"href":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-json\/wp\/v2\/pages\/175\/revisions"}],"predecessor-version":[{"id":13372,"href":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-json\/wp\/v2\/pages\/175\/revisions\/13372"}],"up":[{"embeddable":true,"href":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-json\/wp\/v2\/pages\/152"}],"wp:attachment":[{"href":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-json\/wp\/v2\/media?parent=175"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yorku.ca\/digitalexperiencehub\/wp-json\/wp\/v2\/tags?post=175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}