{"id":4767,"date":"2018-11-13T22:13:31","date_gmt":"2018-11-13T22:13:31","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2018\/11\/13\/get-to-know-gutenburg\/"},"modified":"2024-05-14T09:27:23","modified_gmt":"2024-05-14T13:27:23","slug":"what-is-gutenberg","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/","title":{"rendered":"What is Gutenberg?"},"content":{"rendered":"<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/What_is_Gutenberg_Hero_Image-1024x538.png\" alt=\"What is Gutenberg - Hero Image\" class=\"wp-image-102884\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/What_is_Gutenberg_Hero_Image-1024x538.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/What_is_Gutenberg_Hero_Image-300x158.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/What_is_Gutenberg_Hero_Image-768x403.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/What_is_Gutenberg_Hero_Image.png 1200w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>What is <strong>Gutenberg<\/strong>? <strong>Gutenberg<\/strong> is the new block-based editor that has been implemented and integrated into the WordPress interface. <\/p>\n\n\n\n<p>Included in all WordPress versions 5.0 and higher, Gutenberg changes the way you create and edit your pages and posts by providing an easy to use block editor. <\/p>\n\n\n\n<p>Continue reading to learn:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#What-is-Gutenberg\">What is Gutenberg<\/a>?<\/li>\n\n\n\n<li><a href=\"#Navigating-Gutenberg\">Navigating Gutenberg<\/a><\/li>\n<\/ul>\n\n\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"jetpack-video-wrapper\"><div class=\"yt-DzY7g7BHmPg\">\n\t<a class=\"play-video-DzY7g7BHmPg\" style=\"position: relative; display: flex; flex-wrap: wrap; align-items: center; cursor: pointer;\">\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi_webp\/DzY7g7BHmPg\/maxresdefault.webp\" width=\"1280\" height=\"720\" alt=\"Using the Gutenberg Plugin on your WordPress Website\" style=\"width: 100%; height: auto;\">\n\t\t<span class=\"fa fa-imh-play-circle imh-ds-icon play-circle\" style=\"position: absolute; display:block; font-size:150px; color: #c52228; opacity:0;\"><\/span>\n\t<\/a>\n<\/div><\/div>\n<\/div><figcaption class=\"wp-element-caption\">Don\u2019t have time to read our full article? Watch our walk-through video.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"What-is-Gutenberg\">What is Gutenberg?<\/h2>\n\n\n\n<p><strong>Gutenberg <\/strong>is a block-based editor that allows you to quickly create content for your WordPress site. The advantage of using blocks is that you can focus on creating content and reposition content by simply dragging and dropping. <\/p>\n\n\n\n<p>Let\u2019s learn how to navigate to Gutenberg in your WordPress dashboard.<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\"><li><a rel=\"noopener noreferrer\" href=\"\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\" target=\"_blank\">Login to your WordPress Administrator<\/a><\/li><li><a rel=\"lightbox-0\" href=\"\/support\/images\/stories\/gutenberg\/using-gutenberg-1.png\"><img decoding=\"async\" width=\"100\" align=\"right\" class=\"std_ss\" style=\"float: right; margin: 0px 0px 15px 15px;\" src=\"\/support\/images\/stories\/gutenberg\/using-gutenberg-1.png\" alt=\"Editor interface\"><\/a> <div style=\"clear: both;\">\u00a0<\/div> <p>Click on either <b>Posts<\/b> or <b>Pages<\/b>.<\/p> <div style=\"clear: both;\">\u00a0<\/div> <\/li><li><a rel=\"lightbox-0\" href=\"\/support\/images\/stories\/gutenberg\/add-edit-post.png\"><img decoding=\"async\" width=\"100\" align=\"right\" class=\"std_ss\" style=\"float: right; margin: 0px 0px 15px 15px;\" src=\"\/support\/images\/stories\/gutenberg\/add-edit-post.png\" alt=\"Editor interface\"><\/a> <div style=\"clear: both;\">\u00a0<\/div> <p>Click to edit an existing post or click on <b>Add new<\/b> to add a new post. The screen that you see next is the <strong>Gutenberg<\/strong> editor.<\/p> <div style=\"clear: both;\">\u00a0<\/div> <\/li><li><a rel=\"lightbox-0\" href=\"\/support\/images\/stories\/gutenberg\/gutenberg-demo.png\"><img decoding=\"async\" width=\"100\" align=\"right\" class=\"std_ss\" style=\"float: right; margin: 0px 0px 15px 15px;\" src=\"\/support\/images\/stories\/gutenberg\/gutenberg-demo.png\" alt=\"demo of Gutenberg\"><\/a><a rel=\"lightbox-0\" href=\"\/support\/images\/stories\/gutenberg\/gutenberg-demo.png\"><\/a><a rel=\"lightbox-0\" href=\"\/support\/images\/stories\/gutenberg\/gutenberg-demo.png\"><span style=\"color: rgb(30, 30, 30);\">\u00a0<\/span><\/a><span style=\"color: rgb(30, 30, 30);\">  <\/span><div style=\"clear: both;\">\u00a0<\/div> <\/li><\/ol>\n\n\n\n<p>Each time you create or edit a new page or post, you will be placed into the Gutenberg Editor by default. <\/p>\n\n\n\n<div style=\"height:45px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Navigating-Gutenberg\">Navigating Gutenberg<\/h2>\n\n\n\n<p>Once you\u2019re in the dashboard, scroll down the left side and then click on the <strong>Gutenberg<\/strong> link in the main menu. This will bring up the demo page that we will be using for this tutorial.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Top Bar of the Gutenberg Editor<\/h3>\n\n\n\n<p>Once you\u2019re in the demo page you\u2019ll see the following:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"\/support\/images\/stories\/gutenberg\/editor-top-bar.png\" rel=\"lightbox-0\"><img decoding=\"async\" src=\"\/support\/images\/stories\/gutenberg\/editor-top-bar.png\" alt=\"Gutenberg editor in wordpress\"><\/a><\/figure>\n\n\n\n<p>In the top left-hand corner you will see the following options for <strong>Add a block<\/strong>, <strong>Undo\/Redo an action<\/strong>, <strong>Content structure,<\/strong> and <strong>Block navigation<\/strong>. <\/p>\n\n\n\n<p>In the top right corner, the options represented by the links and buttons are: <strong>Save Draft<\/strong>, <strong>Preview<\/strong>, <strong>Publish<\/strong>, <strong>Show\/hide settings<\/strong>, and <strong>Further tools and options<\/strong>. Here\u2019s what they look like:<\/p>\n\n\n\n<figure class=\"wp-block-table table table-striped is-style-regular\"><table><tbody><tr><th>Image<\/th><th>Option title<\/th><th>Option description<\/th><\/tr><tr><td><a href=\"\/support\/images\/stories\/gutenberg\/add-block-icon.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" style=\"float: middle;\" src=\"\/support\/images\/stories\/gutenberg\/add-block-icon.png\" alt=\"\" width=\"100\" align=\"middle\"><\/a>\n<p>\u00a0<\/p>\n<div style=\"clear: both;\">\u00a0<\/div>\n<\/td><td>Add block<\/td><td>Adds a new block to your content<\/td><\/tr><tr><td><a href=\"\/support\/images\/stories\/gutenberg\/undo-redo-icon.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" style=\"float: middle;\" src=\"\/support\/images\/stories\/gutenberg\/undo-redo-icon.png\" alt=\"\" width=\"100\" align=\"middle\"><\/a>\n<p>\u00a0<\/p>\n<div style=\"clear: both;\">\u00a0<\/div>\n<\/td><td>Undo\/redo<\/td><td>Removes an action or redoes and action<\/td><\/tr><tr><td><a href=\"\/support\/images\/stories\/gutenberg\/content-info-icon.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" style=\"float: middle;\" src=\"\/support\/images\/stories\/gutenberg\/content-info-icon.png\" alt=\"\" width=\"100\" align=\"middle\"><\/a>\n<p>\u00a0<\/p>\n<div style=\"clear: both;\">\u00a0<\/div>\n<\/td><td>Content structure<\/td><td>Gives you info on your post\/page<\/td><\/tr><tr><td><a href=\"\/support\/images\/stories\/gutenberg\/block-nav-icon.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" style=\"float: middle;\" src=\"\/support\/images\/stories\/gutenberg\/block-nav-icon.png\" alt=\"\" width=\"100\" align=\"middle\"><\/a>\n<p>\u00a0<\/p>\n<div style=\"clear: both;\">\u00a0<\/div>\n<\/td><td>Block navigation<\/td><td>Gives you a way to move through the blocks in your post\/page<\/td><\/tr><tr><td><a href=\"\/support\/images\/stories\/gutenberg\/save-draft-link.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" style=\"float: middle;\" src=\"\/support\/images\/stories\/gutenberg\/save-draft-link.png\" alt=\"\" width=\"100\" align=\"middle\"><\/a>\n<p>\u00a0<\/p>\n<div style=\"clear: both;\">\u00a0<\/div>\n<\/td><td>Save Draft<\/td><td>Saves a draft of your post\/page<\/td><\/tr><tr><td><a href=\"\/support\/images\/stories\/gutenberg\/preview-button.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" style=\"float: middle;\" src=\"\/support\/images\/stories\/gutenberg\/preview-button.png\" alt=\"\" width=\"100\" align=\"middle\"><\/a>\n<p>\u00a0<\/p>\n<div style=\"clear: both;\">\u00a0<\/div>\n<\/td><td>Preview<\/td><td>Provides a preview for your post or page<\/td><\/tr><tr><td><a href=\"\/support\/images\/stories\/gutenberg\/publish-button.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" style=\"float: middle;\" src=\"\/support\/images\/stories\/gutenberg\/publish-button.png\" alt=\"\" width=\"100\" align=\"middle\"><\/a>\n<p>\u00a0<\/p>\n<div style=\"clear: both;\">\u00a0<\/div>\n<\/td><td>Publish<\/td><td>Publishes your Post or page so that it is live<\/td><\/tr><tr><td><a href=\"\/support\/images\/stories\/gutenberg\/settings-icon.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" style=\"float: middle;\" src=\"\/support\/images\/stories\/gutenberg\/settings-icon.png\" alt=\"\" width=\"100\" align=\"middle\"><\/a>\n<p>\u00a0<\/p>\n<div style=\"clear: both;\">\u00a0<\/div>\n<\/td><td>Show\/Hide settings<\/td><td>Shows or hides settings column in the editor<\/td><\/tr><tr><td><a href=\"\/support\/images\/stories\/gutenberg\/more-tools-options.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" style=\"float: middle;\" src=\"\/support\/images\/stories\/gutenberg\/more-tools-options.png\" alt=\"\" width=\"100\" align=\"middle\"><\/a>\n<p>\u00a0<\/p>\n<div style=\"clear: both;\">\u00a0<\/div>\n<\/td><td>Further Tools\/options<\/td><td>Shows further tools and options<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>The next section we are describing is the content portion of the editor. This is also the location where the blocks appear.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">The Content Section \u2013 Where the Blocks Appear in the Gutenberg Editor<\/h3>\n\n\n\n<p>When you create content in Gutenberg, it is placed in blocks. New content always starts with a title. Check out the screenshot below to see how blocks appear:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"\/support\/images\/stories\/gutenberg\/gutenberg-content-section.png\" rel=\"lightbox-0\"><img decoding=\"async\" src=\"\/support\/images\/stories\/gutenberg\/gutenberg-content-section.png\" alt=\"content blocks in Gutenberg editor\"><\/a><\/figure>\n\n\n\n<p>Each of the highlighted sections in the screen capture above shows a block. When you hover over each section, you will see options appear within the block like this:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"\/support\/images\/stories\/gutenberg\/block-options-hover.png\" rel=\"lightbox-0\"><img decoding=\"async\" src=\"\/support\/images\/stories\/gutenberg\/block-options-hover.png\" alt=\"Gutenberg block options\"><\/a><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>The Options Column<\/strong><\/h3>\n\n\n\n<p>Also, notice the column on the right when a block is selected. Each block that you highlight will correlate with the options shown in the column. The options column on the right provides different details that you can change within the block. <\/p>\n\n\n\n<p>For example, if you have selected a paragraph block then you can change font size, color settings, and other settings that affect the formatting of the block. The right column can be toggled to be displayed or not displayed by clicking on the gear icon in the top right corner.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"\/support\/images\/stories\/gutenberg\/gallery-block.png\" rel=\"lightbox-0\"><img decoding=\"async\" src=\"\/support\/images\/stories\/gutenberg\/gallery-block.png\" alt=\"using the block options in the gutenberg editor\"><\/a><\/figure>\n\n\n\n<p>The Gutenberg editor was designed to make it easier for adding content to your WordPress sites. You no longer have to add shortcodes and manipulating sections of your content is as simple as dragging a block from one location to another. <\/p>\n\n\n\n<p>You should now be familiar with the interface of the Gutenberg editor and as you make use of it, you will begin to appreciate the editing power that it brings.<\/p>\n\n\n\n<p>For more WordPress tips and tricks, check out our<a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\"> WordPress Education Channel! <\/a><\/p>\n\n\n<p>Learn more about the new WordPress editor, Gutenberg, and the capabilities of the separate Gutenberg plugin with our helpful <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/\">Gutenberg tutorials<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is Gutenberg? Gutenberg is the new block-based editor that has been implemented and integrated into the WordPress interface. Included in all WordPress versions 5.0 and higher, Gutenberg changes the way you create and edit your pages and posts by providing an easy to use block editor. Continue reading to learn: What is Gutenberg? Gutenberg<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/\"> Read More ><\/a><\/p>\n","protected":false},"author":57014,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4427],"tags":[],"class_list":["post-4767","post","type-post","status-publish","format-standard","hentry","category-gutenberg"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>What is Gutenberg WordPress Editor?<\/title>\n<meta name=\"description\" content=\"Learn about the Gutenberg 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.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is Gutenberg WordPress Editor?\" \/>\n<meta property=\"og:description\" content=\"Learn about the Gutenberg interface\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-11-13T22:13:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-14T13:27:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/What_is_Gutenberg_Hero_Image-1024x538.png\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644\"},\"headline\":\"What is Gutenberg?\",\"datePublished\":\"2018-11-13T22:13:31+00:00\",\"dateModified\":\"2024-05-14T13:27:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/\"},\"wordCount\":673,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/What_is_Gutenberg_Hero_Image-1024x538.png\",\"articleSection\":[\"Gutenberg\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/\",\"name\":\"What is Gutenberg WordPress Editor?\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/What_is_Gutenberg_Hero_Image-1024x538.png\",\"datePublished\":\"2018-11-13T22:13:31+00:00\",\"dateModified\":\"2024-05-14T13:27:23+00:00\",\"description\":\"Learn about the Gutenberg interface\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/What_is_Gutenberg_Hero_Image.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/What_is_Gutenberg_Hero_Image.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is Gutenberg?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/inmotion-hosting-contributor\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is Gutenberg WordPress Editor?","description":"Learn about the Gutenberg 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.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/","og_locale":"en_US","og_type":"article","og_title":"What is Gutenberg WordPress Editor?","og_description":"Learn about the Gutenberg interface","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2018-11-13T22:13:31+00:00","article_modified_time":"2024-05-14T13:27:23+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/What_is_Gutenberg_Hero_Image-1024x538.png","type":"","width":"","height":""}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644"},"headline":"What is Gutenberg?","datePublished":"2018-11-13T22:13:31+00:00","dateModified":"2024-05-14T13:27:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/"},"wordCount":673,"commentCount":2,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/What_is_Gutenberg_Hero_Image-1024x538.png","articleSection":["Gutenberg"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/","name":"What is Gutenberg WordPress Editor?","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/What_is_Gutenberg_Hero_Image-1024x538.png","datePublished":"2018-11-13T22:13:31+00:00","dateModified":"2024-05-14T13:27:23+00:00","description":"Learn about the Gutenberg interface","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/What_is_Gutenberg_Hero_Image.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/What_is_Gutenberg_Hero_Image.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/what-is-gutenberg\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"What is Gutenberg?"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/f9a4fc454cd1df128ee8e898d30d4644","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/inmotion-hosting-contributor\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":{"id":4427,"name":"Gutenberg","slug":"gutenberg","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/4767","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/57014"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=4767"}],"version-history":[{"count":8,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/4767\/revisions"}],"predecessor-version":[{"id":127865,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/4767\/revisions\/127865"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=4767"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=4767"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=4767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}