{"id":44165,"date":"2019-07-01T09:28:42","date_gmt":"2019-07-01T14:28:42","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=44165"},"modified":"2023-10-26T14:53:08","modified_gmt":"2023-10-26T18:53:08","slug":"full-width-editor-plugin-for-gutenberg","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/","title":{"rendered":"Using a Full-Width Editor Plugin for Gutenberg WordPress Hosting"},"content":{"rendered":"

Not satisfied with your current website host? Check out the web hosting solutions provided by InMotion Hosting<\/strong><\/a>!<\/p>\n\n\n\n

Occasionally, you might have the frustration of working with the new WordPress post and page editor (called Gutenberg<\/em>) because it displays a post or page in the 610px width. <\/p>\n\n\n\n

This is typically defined by the theme you\u2019re in. For example, if you\u2019re in the theme Twenty Nineteen and look at a post, it will not be displayed in the 610 px width. Here\u2019s an example:<\/p>\n\n\n\n

\"Editor<\/a><\/figure>\n\n\n\n

However, the main issue is that the actual displayed post is in a different format. There are some things you can change in your theme<\/a> to make it work full width, but if your theme supports it, then the post can be edited in a wider format. <\/p>\n\n\n\n

Fortunately, you do have the option of getting a simple plugin to make this happen. The plugin we are testing in this article is a Full-Width <\/strong>editor plugin for Gutenberg.<\/p>\n\n\n\n

    \n
  1. Login to the WordPress Administrator<\/a><\/li>\n\n\n\n
  2. Click on Plugins<\/strong><\/li>\n\n\n\n
  3. Click on Add New<\/strong><\/li>\n\n\n\n
  4. In the Keyword plugins search field<\/em> in the top right corner, type \u201cEditor Full Width\u201d. You will then see a number of plugins appear. The one that we are working with in this tutorial is called Editor Full Width Gutenberg<\/strong><\/li>\n\n\n\n
  5. Install the plugin named Editor Full Width Gutenberg<\/strong><\/li>\n\n\n\n
  6. Once it\u2019s finished installing, click on Activate<\/strong>.<\/li>\n<\/ol>\n\n\n\n

    This completes the installation and activation of the plugin. You don\u2019t have to make any changes or adjustments. When you start working on a post, it will automatically be full width. Here\u2019s an example of the article displayed earlier, but now appearing in full width within the editor.<\/p>\n\n\n\n

    \"editor<\/a><\/figure>\n\n\n\n

    As you can see, installation and the use of this plugin is fairly simple. Keep in mind that you should only make use of this plugin if it is kept up-to-date and if you really require that you see the editor in full width. <\/p>\n\n\n\n

    This particular issue can also be corrected in the CSS. The discussion and code for this issue can be found in the WordPress Gutenberg repository in the Issues tab<\/a>.<\/p>\n\n\n

    Learn more about the new WordPress editor, Gutenberg, and the capabilities of the separate Gutenberg plugin with our helpful Gutenberg tutorials<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Not satisfied with your current website host? Check out the web hosting solutions provided by InMotion Hosting! Occasionally, you might have the frustration of working with the new WordPress post and page editor (called Gutenberg) because it displays a post or page in the 610px width. This is typically defined by the theme you’re in. Read More ><\/a><\/p>\n","protected":false},"author":7,"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-44165","post","type-post","status-publish","format-standard","hentry","category-gutenberg"],"acf":[],"yoast_head":"\nHow to use the Full-Width Editor Plugin for Gutenberg<\/title>\n<meta name=\"description\" content=\"Learn how to use the Full-Width Editor Plugin for Gutenberg to editor your posts and pages using a full-width view.\" \/>\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\/full-width-editor-plugin-for-gutenberg\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to use the Full-Width Editor Plugin for Gutenberg\" \/>\n<meta property=\"og:description\" content=\"Learn how to use the Full-Width Editor Plugin for Gutenberg to editor your posts and pages using a full-width view.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-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=\"2019-07-01T14:28:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-26T18:53:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/10\/gutenberg-editor-610px-1024x656.jpg\" \/>\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=\"2 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\/full-width-editor-plugin-for-gutenberg\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\"},\"headline\":\"Using a Full-Width Editor Plugin for Gutenberg WordPress Hosting\",\"datePublished\":\"2019-07-01T14:28:42+00:00\",\"dateModified\":\"2023-10-26T18:53:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/\"},\"wordCount\":364,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/10\/gutenberg-editor-610px-1024x656.jpg\",\"articleSection\":[\"Gutenberg\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/\",\"name\":\"How to use the Full-Width Editor Plugin for Gutenberg\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/10\/gutenberg-editor-610px-1024x656.jpg\",\"datePublished\":\"2019-07-01T14:28:42+00:00\",\"dateModified\":\"2023-10-26T18:53:08+00:00\",\"description\":\"Learn how to use the Full-Width Editor Plugin for Gutenberg to editor your posts and pages using a full-width view.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/10\/gutenberg-editor-610px.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/10\/gutenberg-editor-610px.jpg\",\"width\":1451,\"height\":929,\"caption\":\"Editor cap when not in full width\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using a Full-Width Editor Plugin for Gutenberg WordPress Hosting\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support & 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\/8d626175dd3b70ee90a172bdb09a460b\",\"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\/arn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to use the Full-Width Editor Plugin for Gutenberg","description":"Learn how to use the Full-Width Editor Plugin for Gutenberg to editor your posts and pages using a full-width view.","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\/full-width-editor-plugin-for-gutenberg\/","og_locale":"en_US","og_type":"article","og_title":"How to use the Full-Width Editor Plugin for Gutenberg","og_description":"Learn how to use the Full-Width Editor Plugin for Gutenberg to editor your posts and pages using a full-width view.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2019-07-01T14:28:42+00:00","article_modified_time":"2023-10-26T18:53:08+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/10\/gutenberg-editor-610px-1024x656.jpg","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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b"},"headline":"Using a Full-Width Editor Plugin for Gutenberg WordPress Hosting","datePublished":"2019-07-01T14:28:42+00:00","dateModified":"2023-10-26T18:53:08+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/"},"wordCount":364,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/10\/gutenberg-editor-610px-1024x656.jpg","articleSection":["Gutenberg"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/","name":"How to use the Full-Width Editor Plugin for Gutenberg","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/10\/gutenberg-editor-610px-1024x656.jpg","datePublished":"2019-07-01T14:28:42+00:00","dateModified":"2023-10-26T18:53:08+00:00","description":"Learn how to use the Full-Width Editor Plugin for Gutenberg to editor your posts and pages using a full-width view.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/10\/gutenberg-editor-610px.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/10\/gutenberg-editor-610px.jpg","width":1451,"height":929,"caption":"Editor cap when not in full width"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/full-width-editor-plugin-for-gutenberg\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Using a Full-Width Editor Plugin for Gutenberg WordPress Hosting"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support & 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\/8d626175dd3b70ee90a172bdb09a460b","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\/arn\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/44165","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\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=44165"}],"version-history":[{"count":9,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/44165\/revisions"}],"predecessor-version":[{"id":107444,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/44165\/revisions\/107444"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=44165"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=44165"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=44165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}