{"id":5149,"date":"2018-11-05T12:00:33","date_gmt":"2018-11-05T20:00:33","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/blog\/?p=5149"},"modified":"2025-01-22T16:38:13","modified_gmt":"2025-01-22T21:38:13","slug":"gutenberg-the-new-wordpress-editor","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/blog\/gutenberg-the-new-wordpress-editor\/","title":{"rendered":"Gutenberg: The NEW WordPress Editor"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2018\/11\/Introduction-to-the-Gutenberg-WordPress-Editor-1024x538.png\" alt=\"\" class=\"wp-image-71151 skip_lazy\" srcset=\"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2018\/11\/Introduction-to-the-Gutenberg-WordPress-Editor-1024x538.png 1024w, https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2018\/11\/Introduction-to-the-Gutenberg-WordPress-Editor-300x158.png 300w, https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2018\/11\/Introduction-to-the-Gutenberg-WordPress-Editor-768x403.png 768w, https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2018\/11\/Introduction-to-the-Gutenberg-WordPress-Editor.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><span style=\"font-weight: 400;\">For years now, WordPress has been the go-to system for creating websites that are dynamic and professional. But rather than rest on their laurels, WordPress is now developing a new editor called Gutenberg, named after the inventor of the printing press. Just like Gutenberg revolutionized the printed page with his invention, WordPress is hoping to change the way people develop websites. <\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">The prototype of the editor began beta-testing earlier this year and will be launching soon. However, they are <\/span><span style=\"font-weight: 400;\">currently offering the ability for users to test it out! So far,&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/gutenberg\/\">20,000 users have installed the software<\/a><\/span><span style=\"font-weight: 400;\">. <\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">So here\u2019s exactly what you need to know about this new WordPress editor:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b>Moving to the block<\/b><span style=\"font-weight: 400;\">\u2014One of the biggest changes with the Gutenberg editor is that it is moving to a \u201cblock\u201d format. Essentially, you start out by placing a block on your blank page. Then you can move the block up or down, left or right. <\/span><\/li>\n<\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">Once you have the block arranged where you want, you can edit the content of the block. You can also add another block\u2026and another\u2026and another. Many reviewers of this new format have compared it to LEGO blocks. <\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b>What\u2019s in the box?<\/b><span style=\"font-weight: 400;\">\u2014Now that you have the block created on your page, you need to fill it with content. So what can go inside that particular block? The short answer is \u2014 anything. Obviously, the two biggest elements to put in the block will be text and images. But <\/span><a href=\"https:\/\/www.codeinwp.com\/blog\/wordpress-gutenberg-guide\/\"><span style=\"font-weight: 400;\">you can also add widgets, such as those you have already used in WordPress on your sidebars, as well as pull quotes, tables, charts, buttons, and videos<\/span><\/a><span style=\"font-weight: 400;\">. <\/span><\/li>\n<\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">Another way that you can streamline the process is with a \u201cRecent Block\u201d feature that shows your recently created block types so you can easily add more of the same; it\u2019s now a template.<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b>Outside material<\/b><span style=\"font-weight: 400;\">\u2014Just as WordPress has allowed third-party developers to create plugins for their program, they will now allow those same developers to create blocks for others to use. Gutenberg also allows you to embed material from outside sources, including YouTube and Hulu but also social media material including Twitter.<\/span><\/li>\n\n\n\n<li><b>Advanced features<\/b><span style=\"font-weight: 400;\">\u2014Don\u2019t get us wrong. Gutenberg will definitely make some things easier with page design, but it isn\u2019t totally basic. In fact, there are some advanced features you can use. For instance, those designers who are already experienced with writing source code can go directly in with the touch of a button and edit the source code. Additionally, you can already get some plugins that let you add blocks with the promises of more to come.<\/span><\/li>\n\n\n\n<li><b>Future updates<\/b><span style=\"font-weight: 400;\">\u2014There have already been some comments on things that are missing from this version that may be added in future updates. First, Gutenberg is not necessarily a full-fledged page editor. It currently doesn\u2019t have flexible columns and is not the true drag-and-drop platform that is currently popular. (However, it does allow you to use drag-and-drop with images so you can place them directly into blocks. That\u2019s a definite plus!)<\/span><\/li>\n<\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">WordPress seems to be doing a slow rollout of this new platform and is still planning to allow people to use the classic editor format. However, <\/span><span style=\"font-weight: 400;\">some people are<\/span><a href=\"https:\/\/deliciousbrains.com\/wordpress-gutenberg\/\"><span style=\"font-weight: 400;\"> voicing opposition to the plan, <\/span><\/a><span style=\"font-weight: 400;\">especially with concerns about backward compatibility<\/span><span style=\"font-weight: 400;\">. Ultimately, <\/span><span style=\"font-weight: 400;\">this is the first of three planned stages that will eventually<\/span><a href=\"https:\/\/wordpress.org\/plugins\/gutenberg\/\"><span style=\"font-weight: 400;\"> include templates and full site customization<\/span><\/a><span style=\"font-weight: 400;\">. The future is still a bit uncertain for this change, but it will continue to be something that web designers are talking about for months to come.<\/span><\/p>\n\n\n\n<p>Are you struggling with your WordPress website not loading quickly? Don&#8217;t lose visitors because of site speed, get the power and speed of <a href=\"http:\/\/inmotionhosting.com\/wordpress-hosting\">WordPress Hosting<\/a> from InMotion Hosting. Not only does WordPress Hosting bring speed, but also auto updates, site backups and so much more. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>For years now, WordPress has been the go-to system for creating websites that are dynamic and professional. But rather than rest on their laurels, WordPress is now developing a new editor called Gutenberg, named after the inventor of the printing press. Just like Gutenberg revolutionized the printed page with his invention, WordPress is hoping to<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/blog\/gutenberg-the-new-wordpress-editor\/\"> Read More ><\/a><\/p>\n","protected":false},"author":58,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[32,211],"tags":[],"class_list":["post-5149","post","type-post","status-publish","format-standard","hentry","category-news","category-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Gutenberg: The NEW WordPress Editor | InMotion Hosting Blog<\/title>\n<meta name=\"description\" content=\"Have you heard about the new WordPress editor, Gutenberg? This update will bring many new features. Learn about all changes today in our blog post.\" \/>\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\/blog\/gutenberg-the-new-wordpress-editor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gutenberg: The NEW WordPress Editor | InMotion Hosting Blog\" \/>\n<meta property=\"og:description\" content=\"Have you heard about the new WordPress editor, Gutenberg? This update will bring many new features. Learn about all changes today in our blog post.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/blog\/gutenberg-the-new-wordpress-editor\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\" \/>\n<meta property=\"article:published_time\" content=\"2018-11-05T20:00:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-22T21:38:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2018\/11\/Introduction-to-the-Gutenberg-WordPress-Editor.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Guest Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@inmotionhosting\" \/>\n<meta name=\"twitter:site\" content=\"@inmotionhosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Guest Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gutenberg: The NEW WordPress Editor | InMotion Hosting Blog","description":"Have you heard about the new WordPress editor, Gutenberg? This update will bring many new features. Learn about all changes today in our blog post.","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\/blog\/gutenberg-the-new-wordpress-editor\/","og_locale":"en_US","og_type":"article","og_title":"Gutenberg: The NEW WordPress Editor | InMotion Hosting Blog","og_description":"Have you heard about the new WordPress editor, Gutenberg? This update will bring many new features. Learn about all changes today in our blog post.","og_url":"https:\/\/www.inmotionhosting.com\/blog\/gutenberg-the-new-wordpress-editor\/","og_site_name":"InMotion Hosting Blog","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting","article_published_time":"2018-11-05T20:00:33+00:00","article_modified_time":"2025-01-22T21:38:13+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2018\/11\/Introduction-to-the-Gutenberg-WordPress-Editor.png","type":"image\/png"}],"author":"Guest Contributor","twitter_card":"summary_large_image","twitter_creator":"@inmotionhosting","twitter_site":"@inmotionhosting","twitter_misc":{"Written by":"Guest Contributor","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/www.inmotionhosting.com\/blog\/gutenberg-the-new-wordpress-editor\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/gutenberg-the-new-wordpress-editor\/"},"author":{"name":"Guest Contributor","@id":"https:\/\/www.inmotionhosting.com\/blog\/#\/schema\/person\/e64b89f590f2a38be647c81bc001b4a9"},"headline":"Gutenberg: The NEW WordPress Editor","datePublished":"2018-11-05T20:00:33+00:00","dateModified":"2025-01-22T21:38:13+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/gutenberg-the-new-wordpress-editor\/"},"wordCount":647,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/gutenberg-the-new-wordpress-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2018\/11\/Introduction-to-the-Gutenberg-WordPress-Editor-1024x538.png","articleSection":["News","WordPress Articles"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/blog\/gutenberg-the-new-wordpress-editor\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/blog\/gutenberg-the-new-wordpress-editor\/","url":"https:\/\/www.inmotionhosting.com\/blog\/gutenberg-the-new-wordpress-editor\/","name":"Gutenberg: The NEW WordPress Editor | InMotion Hosting Blog","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/gutenberg-the-new-wordpress-editor\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/gutenberg-the-new-wordpress-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2018\/11\/Introduction-to-the-Gutenberg-WordPress-Editor-1024x538.png","datePublished":"2018-11-05T20:00:33+00:00","dateModified":"2025-01-22T21:38:13+00:00","description":"Have you heard about the new WordPress editor, Gutenberg? This update will bring many new features. Learn about all changes today in our blog post.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/gutenberg-the-new-wordpress-editor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/blog\/gutenberg-the-new-wordpress-editor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/blog\/gutenberg-the-new-wordpress-editor\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2018\/11\/Introduction-to-the-Gutenberg-WordPress-Editor.png","contentUrl":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2018\/11\/Introduction-to-the-Gutenberg-WordPress-Editor.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/blog\/gutenberg-the-new-wordpress-editor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/blog\/"},{"@type":"ListItem","position":2,"name":"WordPress Articles","item":"https:\/\/www.inmotionhosting.com\/blog\/wordpress\/"},{"@type":"ListItem","position":3,"name":"Gutenberg: The NEW WordPress Editor"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/blog\/#website","url":"https:\/\/www.inmotionhosting.com\/blog\/","name":"InMotion Hosting Blog","description":"Web Hosting Strategy, Trends and Security","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/blog\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2019\/11\/imh-logo-all-colors-big.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2019\/11\/imh-logo-all-colors-big.jpg","width":1630,"height":430,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting","https:\/\/x.com\/inmotionhosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/blog\/#\/schema\/person\/e64b89f590f2a38be647c81bc001b4a9","name":"Guest Contributor","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/8fb69e5fd33ee38ba32e6d7a4b30a1e8f6c908ba99da0b96b4afabe53f4dc8ae?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/8fb69e5fd33ee38ba32e6d7a4b30a1e8f6c908ba99da0b96b4afabe53f4dc8ae?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8fb69e5fd33ee38ba32e6d7a4b30a1e8f6c908ba99da0b96b4afabe53f4dc8ae?s=96&r=g","caption":"Guest Contributor"},"url":"https:\/\/www.inmotionhosting.com\/blog\/author\/guest-contributor\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":{"id":211,"name":"WordPress Articles","slug":"wordpress","link":"https:\/\/www.inmotionhosting.com\/blog\/wordpress\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/posts\/5149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/users\/58"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/comments?post=5149"}],"version-history":[{"count":7,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/posts\/5149\/revisions"}],"predecessor-version":[{"id":73209,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/posts\/5149\/revisions\/73209"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/media?parent=5149"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/categories?post=5149"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/tags?post=5149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}