{"id":10804,"date":"2018-11-16T10:04:29","date_gmt":"2018-11-16T16:04:29","guid":{"rendered":"https:\/\/www.bluehost.com\/blog\/?p=10804"},"modified":"2018-11-16T10:04:29","modified_gmt":"2018-11-16T16:04:29","slug":"exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor","status":"publish","type":"post","link":"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/","title":{"rendered":"Gutenberg 101: Learning to Navigate The New WordPress Editor"},"content":{"rendered":"\n<p>As a free, open source content management system, <a href=\"https:\/\/www.bluehost.com\/wordpress\/wordpress-hosting\">WordPress<\/a> continues to excel in providing its users with innovative tools that can help provide success for their online web presence. WordPress is changing the game of website building with the new Gutenberg content editor that is set to launch in November as part of the WordPress 5.0 update. <br \/><\/p>\n\n\n<p>Gutenberg is an addition to the WordPress platform that will transform the way websites and content is displayed through a series of customizable blocks. This will allow users the flexibility to control the way their content appears on the page and create an easier building experience for anyone looking to <a href=\"https:\/\/www.bluehost.com\/blog\/how-to-create-a-website\/\">create a website<\/a>. <br \/><\/p>\n\n\n<p><strong>With so many content management systems out there, why would you choose WordPress? <\/strong><br \/><\/p>\n\n\n<p>We believe in WordPress for a number of reasons, but most important is that WordPress is powerful. Over 30% of the internet uses WordPress to power their websites while the next largest CMS has only 3.2% in comparison. WordPress is an open source project\u2014 which means it is free and can be redistributed or modified by anyone and it was created with the goal to democratize the web. Updates like Gutenberg ensure that it will stay around forever and evolve with time.<br \/><\/p>\n\n\n<p>Gutenberg makes the design and publishing process more visual for non-technical website builders which makes for an easier content creation process. The simple design has everything you need to create custom and engaging pages and posts.<br \/><\/p>\n\n\n<hr class=\"wp-block-separator is-style-wide is-style-wide--1\"\/>\n\n\n<figure class=\"wp-block-pullquote is-style-default\" style=\"border-color:#0693e3\"><blockquote class=\"has-text-color has-very-dark-gray-color\"><p>My life\u2019s work is improving WordPress. I firmly believe that Gutenberg is the direction that will provide the most benefit to the maximum number of people while being totally in line with core WordPress\u2019s philosophies and commitment to user freedom. So keep giving us your feedback, and let\u2019s push through the fear together. It\u2019s worth a little discomfort to change the world.&nbsp;<\/p><cite>Matt Mullenweg<\/cite><\/blockquote><\/figure>\n\n\n<hr class=\"wp-block-separator is-style-wide is-style-wide--2\"\/>\n\n\n<p><strong>We\u2019re moving from text boxes to blocks<\/strong><br \/><\/p>\n\n\n<p>The current editor is known as the text-based TinyMCE (WYSIWYG) editor and it currently runs on a PHP\/HTML\/CSS but does not allow for a visual editing experience. It is a heavily text-based editor and without coding experience can restrict customization for content creators without coding knowledge. It allows for HTML editing and the addition of media; however, it does not allow users to create custom features within a post.<br \/><\/p>\n\n\n<p>Gutenberg requires new and different skills (<a href=\"https:\/\/www.bluehost.com\/blog\/what-is-javascript\/\">Javascript<\/a> and React) along with long-established WordPress development skills (PHP and HTML\/CSS). &nbsp;This marks an entirely new frontier for many WordPress professionals.<br \/><\/p>\n\n\n<p><strong>Why is the change happening now?<\/strong><br \/><\/p>\n\n\n<p>The name \u201cGutenberg,\u201d derives from Johannes Gutenberg, the inventor of the first movable printing press. This invention changed the way written content was distributed and the way content was published. The <a href=\"https:\/\/www.bluehost.com\/blog\/how-to-use-the-new-wordpress-gutenberg-block-editor\/\">Gutenberg editor<\/a> does the same for the online publishing experience. This is a welcome change for WordPress and allows for a more seamless website building experience for users who are not able to write code. It also makes for a simplified mobile editing experience. This means you will be able to edit your website or blog content even easier from your mobile device.<br \/><\/p>\n\n\n<p>Gutenberg focuses on your content, which is your websites most valuable asset. The new editor also allows for developers to create guard rails so to speak that will guide content editors to their intended goals. Imagine that it is similar to the bumpers that are used to improve your performance when bowling. Developers and agencies will also have the opportunity to create interactive and custom templates that everyday users can easily update without the fear of breaking their website.<br \/><\/p>\n\n\n<p><strong>Building blocks and how to benefit from them<\/strong><br \/><\/p>\n\n\n<p>Remember the blocks you played with as a child? You\u2019d build a castle or a highway and then tear it down and build something else? Well, Gutenberg blocks work in a similar way for your website. &nbsp;The new editor separates all the elements that could coexist on a page or post into individual units called blocks. <br \/><\/p>\n\n\n<p>Blocks can contain items such as text, images, videos, links, widgets or quotes, and more. Users can select the appropriate box for the content they want to insert from a block menu that includes all possible block types. The content of each block can be edited separately, so Gutenberg makes it possible to completely customize its appearance. Images and video are automatically embedded in their appropriate blocks, and all blocks can be moved and sized independently of each other.<br \/><\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/siWGULqGzTbw4Ga0jX9ptPjmbmRbARhScJa81Fq3NK1Jx5bcixyCdKdGdkQEuxhl5Ud-sSMeBSrZtZTIL6QASz0us4wpXdO-rc5k0W1cgw90BNJo_Q9_g6UiaUnCdh4KlhXvHMKO\" alt=\"\"\/><\/figure>\n\n\n<p>You can still navigate between CSS and HTML views without leaving the editor, and it\u2019s just as easy to alternate between the text and visual editors familiar from the text editor. One huge bonus to the block editing capabilities of Gutenberg is the ability to see how a finished page can look while it\u2019s being edited, which is a feature you do not have in the text-based editor. This allows users to adjust sizing, spacing, and more in real time, without switching to a preview mode after creating a page or post.<br \/><\/p>\n\n\n<p>The ability to actually see and make changes to your blog on the go \u2013 or even post a blog with custom features from your phone is just one of the many updates Gutenberg will bring to WordPress. Text pasted from Word or Google Docs will get cleaned up and converted to blocks automatically and instantly. The blocks make perfect use of spacing between each of them so your galleries and blog posts look cleaner than ever before. What if you decide at the last minute you no longer want that image at the top of your post? No worries, just drag that block to where you want it on the page.<br \/><\/p>\n\n\n<p>If you don\u2019t have the ability to create custom blocks yourself or the resources to hire a developer or agency, you still have access to some default blocks that will still give you options you don\u2019t currently have.<\/p>\n\n\n<p>Here are a few examples of the default blocks:<br \/><\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/kYgcRfG43qasr0zONtsAsVxZ9KPeSZJRBii_RywfTLZaX8ddOJrINr-WnDTxBDF-6u8-FWNU2JImLxZyOVrMB2es42sgIPI2Z4XOTkNAXx-FhX8FWXgMZYj4rRLkUBoOgrqj7qvs\" alt=\"\"\/><\/figure>\n\n\n<p>Another cool feature is that every block you create can get its own layout and settings that you can save these as reusable blocks! Meaning, you can add custom color, fonts, and more\u2014and save it as a block you can drag and drop in the future. <br \/><\/p>\n\n\n<p><strong>How To Prepare For Gutenberg<\/strong><br \/><\/p>\n\n\n<p>Before Gutenberg integrates into WordPress on November 27, there are some steps you should take before then.<br \/><\/p>\n\n\n<p><strong>Install and activate the Gutenberg plugin<\/strong><br \/><\/p>\n\n\n<p>By installing and activating the plugin today, you are able to see what your website will look like after the 5.0 update. This can help you decide whether or not you want to Install and use the Classic Editor, or if you need to look for plugins that are compatible with Gutenberg. If you activate the Gutenberg plugin, you should check your pages and plugins to ensure there is no loss of functionality and if not, you are good to go! Here\u2019s how to install the plugin: <br \/><\/p>\n\n\n<p>1.) Click on the Plugins bar to the left of your WordPress dashboard<br \/><\/p>\n\n\n<p>2.) Choose \u2018Add New.\u2019<br \/><br \/><\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/hbhDaNqvfkAyrPEDX8kF04L8tgg7K6V9tFkcQ-huQNb6JHpDarpEA9ib4scxa72SyECVcZY28w3GNLmQUSCq57CzFxCvERuUASatVD2EIMP4YxqRRSxmkgh3EQ1GB0-UBiHVaVlR\" alt=\"\"\/><\/figure>\n\n\n<p>3.) Under the \u2018Featured Plugins,\u2019 click to install the Gutenberg plugin<br \/><\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/VcK7H2bt7Hg2AFaWA7qR7WfIgBi8ViEqF6cNz_YhgHQ2FCovXRX54T5Cvk4MqruOoHhghAamMhRceD9tJbOvgyGtA7hBgzhSfUTrGA3UPG4uHwViVkzYvnLsYnk412djSfTV2uJL\" alt=\"\"\/><\/figure>\n\n\n<p>4.) You will then need to Activate the plugin in order for it to work on your site<\/p>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/9_uVandlBHyTLGmzckTYjeZnRfBd0J-Bh8tpS0CvByRGFg3pUEMiwnoP2lUopkxuTOMPWgkgRuO0sFRCFdRWUZwwxHCVT97mcBbcUzFhqJ4d366vtkcSKU6O_0Wqzim7IjPm5v23\" alt=\"\"\/><\/figure>\n\n\n<p><strong>Create a copy of your site in a staging environment<\/strong><br \/><\/p>\n\n\n<p>If you have access to a staging environment\u2014like all Bluehost customers\u2014you can test your site before the update. This can help prevent decreased functionality if you have a plugin or theme that does not work well with Gutenberg. There are currently 56,285 plugins in the WordPress.org repository and not all of them are compatible, therefore they should be tested now.<br \/><\/p>\n\n\n<hr class=\"wp-block-separator is-style-wide is-style-wide--3\"\/>\n\n\n<figure class=\"wp-block-pullquote\"><blockquote><p>Pro tip: Before installing any new plugins or changing&nbsp;your<br \/>&nbsp;them, check the documentation to ensure they are compatible with Gutenberg.<\/p><\/blockquote><\/figure>\n\n\n<hr class=\"wp-block-separator is-style-wide is-style-wide--4\"\/>\n\n\n<p>We look forward to seeing everyone flourish with the new Gutenberg editor! We will continue to support our customers as we transition with WordPress into the future with this exciting new editor. <br \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>As a free, open source content management system, WordPress continues to excel in providing its users with innovative tools that can help provide success for their online web presence. WordPress is changing the game of website building with the new Gutenberg content editor that is set to launch in November as part of the WordPress [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":10807,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_title":"Gutenberg 101 :The New WordPress Editor| Bluehost","_yoast_wpseo_metadesc":"WordPress is changing the game of website building with Gutenberg, a content editor that is set to launch in November as part of the WordPress 5.0 update.","inline_featured_image":false,"footnotes":""},"categories":[3046,21],"tags":[3317,3320,3333,3340],"ppma_author":[602],"class_list":["post-10804","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","category-wordpress","tag-cms","tag-content","tag-navigation","tag-tips-tricks"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.1 (Yoast SEO v27.1.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Gutenberg 101 :The New WordPress Editor| Bluehost<\/title>\n<meta name=\"description\" content=\"WordPress is changing the game of website building with Gutenberg, a content editor that is set to launch in November as part of the WordPress 5.0 update.\" \/>\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.bluehost.com\/blog\/wp-json\/wp\/v2\/posts\/10804\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gutenberg 101: Learning to Navigate The New WordPress Editor\" \/>\n<meta property=\"og:description\" content=\"WordPress is changing the game of website building with Gutenberg, a content editor that is set to launch in November as part of the WordPress 5.0 update.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/\" \/>\n<meta property=\"og:site_name\" content=\"Bluehost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bluehost\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-11-16T16:04:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2018\/11\/gutenberg-web-1280x720-2-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Machielle Thomas\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/machiellethomas\" \/>\n<meta name=\"twitter:site\" content=\"@bluehost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Machielle Thomas\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/\"},\"author\":{\"name\":\"Machielle Thomas\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/#\/schema\/person\/5f0415b94c1232ec2b636fb579189d3c\"},\"headline\":\"Gutenberg 101: Learning to Navigate The New WordPress Editor\",\"datePublished\":\"2018-11-16T16:04:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/\"},\"wordCount\":1332,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2018\/11\/gutenberg-web-1280x720-2-1.jpg\",\"keywords\":[\"CMS\",\"Content\",\"Navigation\",\"Tips &amp; Tricks\"],\"articleSection\":[\"Development\",\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/\",\"url\":\"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/\",\"name\":\"Gutenberg 101 :The New WordPress Editor| Bluehost\",\"isPartOf\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2018\/11\/gutenberg-web-1280x720-2-1.jpg\",\"datePublished\":\"2018-11-16T16:04:29+00:00\",\"description\":\"WordPress is changing the game of website building with Gutenberg, a content editor that is set to launch in November as part of the WordPress 5.0 update.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/#primaryimage\",\"url\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2018\/11\/gutenberg-web-1280x720-2-1.jpg\",\"contentUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2018\/11\/gutenberg-web-1280x720-2-1.jpg\",\"width\":1280,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.bluehost.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gutenberg 101: Learning to Navigate The New WordPress Editor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/#website\",\"url\":\"https:\/\/www.bluehost.com\/blog\/\",\"name\":\"Bluehost\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.bluehost.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/#organization\",\"name\":\"Bluehost\",\"url\":\"https:\/\/www.bluehost.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/08\/bluehost-logo.svg\",\"contentUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/08\/bluehost-logo.svg\",\"width\":136,\"height\":24,\"caption\":\"Bluehost\"},\"image\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/bluehost\/\",\"https:\/\/x.com\/bluehost\",\"https:\/\/www.linkedin.com\/company\/bluehost-com\/\",\"https:\/\/www.youtube.com\/user\/bluehost\",\"https:\/\/en.wikipedia.org\/wiki\/Bluehost\"],\"description\":\"Bluehost is a leading web hosting provider empowering millions of websites worldwide. \\u2028Discover how Bluehost's expertise, reliability, and innovation can help you achieve your online goals.\",\"telephone\":\"+1-888-401-4678\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/#\/schema\/person\/5f0415b94c1232ec2b636fb579189d3c\",\"name\":\"Machielle Thomas\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/#\/schema\/person\/image\/d4ddb5ba781119f57d9935f3cbd6875a\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/68d6030908d825bb56c64a6db30231734458b2f95e17c82f374b2f9c1c0f3924?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/68d6030908d825bb56c64a6db30231734458b2f95e17c82f374b2f9c1c0f3924?s=96&d=mm&r=g\",\"caption\":\"Machielle Thomas\"},\"description\":\"Machielle is a content enthusiast who has a passion for bridging the gap between audiences and brands through impactful storytelling. Machielle has also spoken at dozens of WordCamps throughout the years.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/machielle-thomas-99752179\",\"https:\/\/x.com\/https:\/\/twitter.com\/machiellethomas\"],\"knowsAbout\":[\"Content Marketing\",\"Storytelling\",\"Leadership\"],\"jobTitle\":\"Course Instructor\",\"worksFor\":\"LinkedIn\",\"url\":\"https:\/\/www.bluehost.com\/blog\/author\/machiellet\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Gutenberg 101 :The New WordPress Editor| Bluehost","description":"WordPress is changing the game of website building with Gutenberg, a content editor that is set to launch in November as part of the WordPress 5.0 update.","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.bluehost.com\/blog\/wp-json\/wp\/v2\/posts\/10804\/","og_locale":"en_US","og_type":"article","og_title":"Gutenberg 101: Learning to Navigate The New WordPress Editor","og_description":"WordPress is changing the game of website building with Gutenberg, a content editor that is set to launch in November as part of the WordPress 5.0 update.","og_url":"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/","og_site_name":"Bluehost Blog","article_publisher":"https:\/\/www.facebook.com\/bluehost\/","article_published_time":"2018-11-16T16:04:29+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2018\/11\/gutenberg-web-1280x720-2-1.jpg","type":"image\/jpeg"}],"author":"Machielle Thomas","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/machiellethomas","twitter_site":"@bluehost","twitter_misc":{"Written by":"Machielle Thomas","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/#article","isPartOf":{"@id":"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/"},"author":{"name":"Machielle Thomas","@id":"https:\/\/www.bluehost.com\/blog\/#\/schema\/person\/5f0415b94c1232ec2b636fb579189d3c"},"headline":"Gutenberg 101: Learning to Navigate The New WordPress Editor","datePublished":"2018-11-16T16:04:29+00:00","mainEntityOfPage":{"@id":"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/"},"wordCount":1332,"commentCount":0,"publisher":{"@id":"https:\/\/www.bluehost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2018\/11\/gutenberg-web-1280x720-2-1.jpg","keywords":["CMS","Content","Navigation","Tips &amp; Tricks"],"articleSection":["Development","WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/","url":"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/","name":"Gutenberg 101 :The New WordPress Editor| Bluehost","isPartOf":{"@id":"https:\/\/www.bluehost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/#primaryimage"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2018\/11\/gutenberg-web-1280x720-2-1.jpg","datePublished":"2018-11-16T16:04:29+00:00","description":"WordPress is changing the game of website building with Gutenberg, a content editor that is set to launch in November as part of the WordPress 5.0 update.","breadcrumb":{"@id":"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/#primaryimage","url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2018\/11\/gutenberg-web-1280x720-2-1.jpg","contentUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2018\/11\/gutenberg-web-1280x720-2-1.jpg","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.bluehost.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Gutenberg 101: Learning to Navigate The New WordPress Editor"}]},{"@type":"WebSite","@id":"https:\/\/www.bluehost.com\/blog\/#website","url":"https:\/\/www.bluehost.com\/blog\/","name":"Bluehost","description":"","publisher":{"@id":"https:\/\/www.bluehost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bluehost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.bluehost.com\/blog\/#organization","name":"Bluehost","url":"https:\/\/www.bluehost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bluehost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/08\/bluehost-logo.svg","contentUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/08\/bluehost-logo.svg","width":136,"height":24,"caption":"Bluehost"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/bluehost\/","https:\/\/x.com\/bluehost","https:\/\/www.linkedin.com\/company\/bluehost-com\/","https:\/\/www.youtube.com\/user\/bluehost","https:\/\/en.wikipedia.org\/wiki\/Bluehost"],"description":"Bluehost is a leading web hosting provider empowering millions of websites worldwide. \u2028Discover how Bluehost's expertise, reliability, and innovation can help you achieve your online goals.","telephone":"+1-888-401-4678"},{"@type":"Person","@id":"https:\/\/www.bluehost.com\/blog\/#\/schema\/person\/5f0415b94c1232ec2b636fb579189d3c","name":"Machielle Thomas","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bluehost.com\/blog\/#\/schema\/person\/image\/d4ddb5ba781119f57d9935f3cbd6875a","url":"https:\/\/secure.gravatar.com\/avatar\/68d6030908d825bb56c64a6db30231734458b2f95e17c82f374b2f9c1c0f3924?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/68d6030908d825bb56c64a6db30231734458b2f95e17c82f374b2f9c1c0f3924?s=96&d=mm&r=g","caption":"Machielle Thomas"},"description":"Machielle is a content enthusiast who has a passion for bridging the gap between audiences and brands through impactful storytelling. Machielle has also spoken at dozens of WordCamps throughout the years.","sameAs":["https:\/\/www.linkedin.com\/in\/machielle-thomas-99752179","https:\/\/x.com\/https:\/\/twitter.com\/machiellethomas"],"knowsAbout":["Content Marketing","Storytelling","Leadership"],"jobTitle":"Course Instructor","worksFor":"LinkedIn","url":"https:\/\/www.bluehost.com\/blog\/author\/machiellet\/"}]}},"authors":[{"term_id":602,"user_id":6,"is_guest":0,"slug":"machiellet","display_name":"Machielle Thomas","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/68d6030908d825bb56c64a6db30231734458b2f95e17c82f374b2f9c1c0f3924?s=96&d=mm&r=g","0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":""}],"_links":{"self":[{"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/posts\/10804","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/comments?post=10804"}],"version-history":[{"count":0,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/posts\/10804\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/media\/10807"}],"wp:attachment":[{"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/media?parent=10804"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/categories?post=10804"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/tags?post=10804"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/ppma_author?post=10804"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}