{"id":46864,"date":"2023-09-29T04:47:07","date_gmt":"2023-09-29T04:47:07","guid":{"rendered":"https:\/\/www.bluehost.com\/blog\/?p=46864"},"modified":"2023-09-08T04:48:03","modified_gmt":"2023-09-08T04:48:03","slug":"block-editor-efficiency-tips","status":"publish","type":"post","link":"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/","title":{"rendered":"Workflow Efficiency Tips for the Gutenberg Editor"},"content":{"rendered":"\n<p>If you\u2019ve updated your WordPress version in the last five years, you may have already used the Gutenberg editor to make changes to your WordPress website.<\/p>\n\n\n\n<p>Many members of the WordPress community lamented the change from the classic editor to the new editor, but plenty of novices and experts alike have been won over by its functionality.&nbsp;&nbsp;<\/p>\n\n\n\n<p>For the uninitiated, we\u2019ll go over the benefits of the Gutenberg editor, and for those who are already using it, we\u2019ll provide some top tips for improving your WordPress workflow.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-is-the-gutenberg-block-editor\">What is the Gutenberg Block Editor?<\/h2>\n\n\n\n<p>WordPress\u2019s Gutenberg editor (aka, the <a href=\"https:\/\/developer.wordpress.org\/block-editor\/\" target=\"_blank\" rel=\"noreferrer noopener\">block editor<\/a>) is a system for creating, formatting and publishing content on WordPress, the content management system of choice for <a href=\"https:\/\/w3techs.com\/technologies\/details\/cm-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\">43.1% of all websites<\/a>.<\/p>\n\n\n\n<p>It replaced the original (now called \u201cclassic\u201d) editor as the default editor on WordPress in 2018 with the release of WordPress 5.0.<\/p>\n\n\n\n<p>Note that the classic editor is sometimes incorrectly referred to as the <a href=\"https:\/\/www.tiny.cloud\/\" target=\"_blank\" rel=\"noreferrer noopener\">TinyMCE editor<\/a>. In fact, the classic editor is based on TinyMCE, and Gutenberg still uses TinyMCE for editing rich text.\u00a0\u00a0<\/p>\n\n\n\n<p>The difference between the classic editor and the WordPress block editor relates \u2014 as you might have guessed \u2014 to the use of blocks.<\/p>\n\n\n\n<p>While the classic editor looks like a blank canvas text editor, the block editor looks and functions like a drag-and-drop editor.<\/p>\n\n\n\n<p>The block editor\u2019s key components are its inserter (for inserting blocks), content canvas (for editing content) and settings sidebar (for altering block settings).<\/p>\n\n\n\n<p>Various block types are available, the most important of which are text\/content blocks (e.g., paragraph blocks and lists). You can also make use of media (e.g., images), design (e.g., buttons), widget (e.g., calendar), theme (e.g., site logo) and embed (e.g., YouTube) blocks.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-benefits-of-gutenberg\">Benefits of Gutenberg<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-block-benefits.png\" alt=\"Benefits of the Gutenberg block editor.\" class=\"wp-image-46867\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-block-benefits.png 1920w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-block-benefits-300x169.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-block-benefits-1024x576.png 1024w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-block-benefits-768x432.png 768w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-block-benefits-1536x864.png 1536w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-block-benefits-24x14.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-block-benefits-36x20.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-block-benefits-48x27.png 48w\" sizes=\"100vw\" \/><\/figure>\n\n\n\n<p>Gutenberg has many advantages for those willing to ditch the classic editor and embrace modularity. For one, it continues to be regularly updated and expanded, with the key goal of further democratizing web publishing.<\/p>\n\n\n\n<p>At the time of writing, the <a href=\"https:\/\/wordpress.org\/plugins\/classic-editor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Classic Editor plugin<\/a>, which is officially maintained by WordPress, will be supported until 2024, although this probably isn\u2019t a hard deadline.<\/p>\n\n\n\n<p>Beyond future-proofing your site, here are the top reasons why you should make the switch to using the block editor.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a><\/a>Free to use<\/h3>\n\n\n\n<p>Like its predecessor, Gutenberg is completely free and open-source \u2014 meaning you don\u2019t need a paid subscription to unlock all its functions.<\/p>\n\n\n\n<p>Other page builders also have free versions, but the features of these versions are often limited to encourage you to upgrade to a premium plan.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a><\/a>Beginner friendly<\/h3>\n\n\n\n<p>Although many bloggers have resisted the change because they prefer the classic editor, Gutenberg is considered to be user-friendly. No coding skills (e.g., HTML, CSS) are necessary, and the various block types have easy-to-use customization options.<\/p>\n\n\n\n<p>Because of the block format of Gutenberg, you\u2019ll have an easier time implementing complex layouts to make your website stand out from competitors.<\/p>\n\n\n\n<p>If you still prefer the classic editor over Gutenberg, that\u2019s okay. You can use the <a href=\"https:\/\/wordpress.org\/documentation\/article\/classic-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">classic block<\/a> and toolbar to edit your webpage as you would in the original editor.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a><\/a>Improved editing experience<\/h3>\n\n\n\n<p>One of the benefits of the Gutenberg editor is that it offers a better user experience than the classic editor.<\/p>\n\n\n\n<p>For example, you can choose between various viewing options, allowing you to simulate how your website will look on different screen sizes. This makes it so much easier to make a <a href=\"https:\/\/www.bluehost.com\/blog\/how-to-make-a-mobile-ready-wordpress-website\/\">mobile-ready WordPress website<\/a>.<\/p>\n\n\n\n<p>Plus, Gutenberg comes with more advanced features, like custom blocks and easier embedding. And if that weren\u2019t enough, the menu layout is practical and intuitive.<\/p>\n\n\n\n<p>In 2022, the WordPress team expanded Gutenberg to enable full site editing, meaning you can use this WordPress editor to alter all parts of your website rather than just posts and pages.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a><\/a>Compatible<\/h3>\n\n\n\n<p>Since it\u2019s the default editor in WordPress, the block editor shouldn\u2019t have compatibility issues with the majority of website add-ons like WordPress themes and plugins.<\/p>\n\n\n\n<p>That said, once you get the hang of Gutenberg, you shouldn\u2019t need as many themes and plugins compared with the classic editor anyway.<\/p>\n\n\n\n<p>However, some tasks like <a href=\"https:\/\/www.bluehost.com\/blog\/seo-basics\/\">search engine optimization<\/a> (SEO) may require a plugin, like <a href=\"https:\/\/yoast.com\/wordpress\/plugins\/seo\/\" target=\"_blank\" rel=\"noreferrer noopener\">Yoast SEO<\/a>.<\/p>\n\n\n\n<p>Yoast was quick to ensure <a href=\"https:\/\/yoast.com\/how-we-designed-yoast-seo-for-gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">integration with Gutenberg blocks<\/a>. Its <a href=\"https:\/\/www.bluehost.com\/blog\/what-is-schema-markup\/\">schema<\/a> blocks (e.g., FAQ and how-to blocks) capitalize on the capabilities of Gutenberg \u2014 these schemas cannot be fully implemented in the classic editor.\u00a0<\/p>\n\n\n\n<p>Based on these advances, it\u2019s easy to see why we ranked Yoast as the <a href=\"https:\/\/www.bluehost.com\/blog\/best-seo-tools\/\">best SEO tool for WordPress in 2023<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a><\/a>Faster page loading<\/h3>\n\n\n\n<p>Because it\u2019s a built-in editor on the WordPress dashboard with wide functionality, Gutenberg could cut down on your use of WordPress plugins and themes, too many of which can slow down your website.<\/p>\n\n\n\n<p>To further optimize your website\u2019s speed, use the <a href=\"https:\/\/wordpress.org\/news\/category\/releases\/\" target=\"_blank\" rel=\"noreferrer noopener\">latest version of WordPress<\/a> and choose a web host that provides these <a href=\"https:\/\/www.bluehost.com\/blog\/features-a-good-web-host-should-provide\/\">10 essential features<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a><\/a>How to improve your workflow efficiency<br>with the Gutenberg Editor<\/h2>\n\n\n\n<p>Still trying to figure out the benefits of the Gutenberg editor?<\/p>\n\n\n\n<p>You\u2019re certainly not alone.<\/p>\n\n\n\n<p>The <a href=\"https:\/\/www.bluehost.com\/blog\/guide-to-wordpress-plugins\/\">WordPress plugin<\/a> library shows that the Classic Editor plugin, which restores the classic editor, has over five million active installations.<\/p>\n\n\n\n<p>While the Gutenberg editor\u2019s ever-expanding functions might not be for everyone, they can make some trickier tasks in WordPress a cakewalk.<\/p>\n\n\n\n<p>After you\u2019ve read our primer on <a href=\"https:\/\/www.bluehost.com\/blog\/how-to-use-the-new-wordpress-gutenberg-block-editor\/\">using the Gutenberg block editor<\/a>, try out these tips to improve your workflow efficiency.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a><\/a>Take advantage of all the different blocks<\/h3>\n\n\n\n<p>Among the most widely used blocks are the paragraph and heading blocks. To get going, open your WordPress dashboard and navigate to <strong>Posts<\/strong>. Here, you\u2019ll want to click <strong>Add New<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"240\" height=\"366\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Add-new-post.png\" alt=\"Click Add New to create a new post in WordPress.\" class=\"wp-image-46868\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Add-new-post.png 240w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Add-new-post-197x300.png 197w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Add-new-post-16x24.png 16w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Add-new-post-24x36.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Add-new-post-31x48.png 31w\" sizes=\"100vw\" \/><figcaption class=\"wp-element-caption\">Screenshot<\/figcaption><\/figure>\n\n\n\n<p>If you\u2019re a photographer, you\u2019ll find the gallery block to be useful. And if you interview subject matter experts as part of your blog site, then the quote block could come in handy.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"525\" height=\"647\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Text-blocks-list.png\" alt=\"A list of text blocks.\" class=\"wp-image-46869\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Text-blocks-list.png 525w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Text-blocks-list-243x300.png 243w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Text-blocks-list-19x24.png 19w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Text-blocks-list-29x36.png 29w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Text-blocks-list-39x48.png 39w\" sizes=\"100vw\" \/><figcaption class=\"wp-element-caption\">Screenshot<\/figcaption><\/figure>\n\n\n\n<p>Poetry writers and lyricists can make use of the verse block, while the audio block is great for musicians wanting to share their work online.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a><\/a>Increase efficiency with pre-built templates and patterns<\/h3>\n\n\n\n<p>Premade block patterns are useful if you need design inspiration. Instead of starting from a blank canvas, you can save time by choosing from various pattern categories, such as posts, text, gallery, call to action and banners.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1600\" height=\"654\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-premade-patterns.png\" alt=\"Premade patterns are one benefit of Gutenberg. \" class=\"wp-image-46870\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-premade-patterns.png 1600w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-premade-patterns-300x123.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-premade-patterns-1024x419.png 1024w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-premade-patterns-768x314.png 768w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-premade-patterns-1536x628.png 1536w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-premade-patterns-24x10.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-premade-patterns-36x15.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-premade-patterns-48x20.png 48w\" sizes=\"100vw\" \/><figcaption class=\"wp-element-caption\">Screenshot<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Create a reusable block<\/h3>\n\n\n\n<p>Custom-made reusable blocks are great for saving time and maintaining a consistent <a href=\"https:\/\/www.bluehost.com\/solutions\/website-design\">website design<\/a>. To make a block reusable, navigate to the toolbar above the blocks and select the three-dot settings icon.<\/p>\n\n\n\n<p>Now, click <strong>Create reusable block<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1116\" height=\"802\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Create-reusable-block.png\" alt=\"How to create a reusable block. \" class=\"wp-image-46871\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Create-reusable-block.png 1116w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Create-reusable-block-300x216.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Create-reusable-block-1024x736.png 1024w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Create-reusable-block-768x552.png 768w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Create-reusable-block-24x17.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Create-reusable-block-36x26.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Create-reusable-block-48x34.png 48w\" sizes=\"100vw\" \/><figcaption class=\"wp-element-caption\">Screenshot<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Use block editor keyboard shortcuts<\/h3>\n\n\n\n<p>If you type forward slash (\/), you\u2019ll get the option to use various block types without navigating to the block inserter.<\/p>\n\n\n\n<p>If you click the three vertical dots at the top right corner of the editor, you can scroll down to see all the keyboard shortcuts for Gutenberg.<\/p>\n\n\n\n<p>Alternatively, type Shift+Alt+H if you\u2019re using a Windows machine (or Ctrl+Opt+H on a Mac).\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"547\" height=\"347\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-tools-menu.png\" alt=\"The Tools menu in Gutenberg.\" class=\"wp-image-46872\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-tools-menu.png 547w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-tools-menu-300x190.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-tools-menu-24x15.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-tools-menu-36x23.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-tools-menu-48x30.png 48w\" sizes=\"100vw\" \/><figcaption class=\"wp-element-caption\">Screenshot<\/figcaption><\/figure>\n\n\n\n<p>You\u2019ll see a list of shortcuts that can streamline your content editing tasks, such as toggling between the visual editor and code editor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"670\" height=\"677\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Keyboard-shortcuts.png\" alt=\"Keyboard shortcuts.\" class=\"wp-image-46873\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Keyboard-shortcuts.png 670w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Keyboard-shortcuts-297x300.png 297w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Keyboard-shortcuts-24x24.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Keyboard-shortcuts-36x36.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Keyboard-shortcuts-48x48.png 48w\" sizes=\"100vw\" \/><figcaption class=\"wp-element-caption\">Screenshot<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Find your preferred view type to increase productivity<\/h3>\n\n\n\n<p>If you click the three vertical dots on the top right corner of your block editor dashboard, you\u2019ll see various view options, such as Fullscreen and distraction-free modes.<\/p>\n\n\n\n<p>Play around to find out which view is most efficient for you, as this may be task dependent.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"589\" height=\"484\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-various-views.png\" alt=\"Various views in the Gutenberg editor. \" class=\"wp-image-46874\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-various-views.png 589w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-various-views-300x247.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-various-views-370x305.png 370w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-various-views-24x20.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-various-views-36x30.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-various-views-48x39.png 48w\" sizes=\"100vw\" \/><figcaption class=\"wp-element-caption\">Screenshot<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Save time by using WordPress shortcodes<\/h3>\n\n\n\n<p>A shortcode is a basic WordPress code inside square brackets. Many plugins have their own WordPress shortcodes that you can enter on your webpage to easily add elements like buttons and forms.<\/p>\n\n\n\n<p>These shortcodes are great for saving you time you might otherwise have to spend coding. And they\u2019re customizable, so you can tailor them to match the needs of your business and website.<\/p>\n\n\n\n<p>If you type \u201c\/\u201d and enter \u201cshortcode,\u201d you can directly paste your chosen <a href=\"https:\/\/www.bluehost.com\/blog\/what-is-wordpress-shortcode\/\">shortcode<\/a> into the box that appears below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1587\" height=\"304\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Add-shortcodes.png\" alt=\"How to easily add shortcodes.\" class=\"wp-image-46875\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Add-shortcodes.png 1587w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Add-shortcodes-300x57.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Add-shortcodes-1024x196.png 1024w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Add-shortcodes-768x147.png 768w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Add-shortcodes-1536x294.png 1536w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Add-shortcodes-24x5.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Add-shortcodes-36x7.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Add-shortcodes-48x9.png 48w\" sizes=\"100vw\" \/><figcaption class=\"wp-element-caption\">Screenshot <\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Drag and drop images from your computer<\/h3>\n\n\n\n<p>One of the benefits of Gutenberg is the ability to drag and drop images directly from your machine. When you do this, Gutenberg automatically creates an image block, saving you time that normally might have been spent uploading an image and trying to insert it into the classic editor.<\/p>\n\n\n\n<p>To add an image with Gutenberg, simply drag the picture to the editor and drop it when a horizontal blue line appears. What\u2019s more, if you drag and drop several images at once, Gutenberg will automatically add them to a gallery block.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1126\" height=\"870\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Drag-drop-images.png\" alt=\"Drag and drop images from your computer.\" class=\"wp-image-46876\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Drag-drop-images.png 1126w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Drag-drop-images-300x232.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Drag-drop-images-1024x791.png 1024w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Drag-drop-images-768x593.png 768w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Drag-drop-images-260x200.png 260w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Drag-drop-images-87x67.png 87w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Drag-drop-images-24x19.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Drag-drop-images-36x28.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Drag-drop-images-48x37.png 48w\" sizes=\"100vw\" \/><figcaption class=\"wp-element-caption\">Screenshot<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Lock a block to prevent anyone from changing it<\/h3>\n\n\n\n<p>By locking a block, especially on certain high-touch pages or posts, you easily communicate to your team members that a certain block shouldn\u2019t be moved or removed. This ensures block consistency and saves you time redoing changes a team member has made to essential blocks.&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<p>Select the three-dot icon above the block you want to lock. Now, select <strong>Lock<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"699\" height=\"798\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Lock-a-block.png\" alt=\"How to lock a block.\" class=\"wp-image-46877\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Lock-a-block.png 699w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Lock-a-block-263x300.png 263w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Lock-a-block-21x24.png 21w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Lock-a-block-32x36.png 32w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Lock-a-block-42x48.png 42w\" sizes=\"100vw\" \/><figcaption class=\"wp-element-caption\">Screenshot<\/figcaption><\/figure>\n\n\n\n<p>After this, you\u2019ll be asked whether you want to simply disable the movement of the block, prevent its removal or both (lock all).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"642\" height=\"519\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Lock-block-options.png\" alt=\"Options for locking blocks in Gutenberg.\" class=\"wp-image-46879\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Lock-block-options.png 642w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Lock-block-options-300x243.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Lock-block-options-24x19.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Lock-block-options-36x29.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Lock-block-options-48x39.png 48w\" sizes=\"100vw\" \/><figcaption class=\"wp-element-caption\">Screenshot<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Alter your preferences to clean up your block dashboard<\/h3>\n\n\n\n<p>After selecting the three-dot icon in the top right corner, scroll down to <strong>Preferences<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"556\" height=\"502\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-setting-preferences.png\" alt=\"Preferences setting in Gutenberg.\" class=\"wp-image-46880\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-setting-preferences.png 556w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-setting-preferences-300x271.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-setting-preferences-24x22.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-setting-preferences-36x33.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Gutenberg-setting-preferences-48x43.png 48w\" sizes=\"100vw\" \/><figcaption class=\"wp-element-caption\">Screenshot<\/figcaption><\/figure>\n\n\n\n<p>You can now change your general, block and panel preferences.<\/p>\n\n\n\n<p>Here, we\u2019ve toggled <strong>show most used blocks<\/strong> on so that our frequently used blocks appear first. This saves you time, so you don\u2019t have to scroll through blocks that are irrelevant to your website every time you want to find one in particular.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1119\" height=\"583\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Block-preferences.png\" alt=\"Block preferences.\" class=\"wp-image-46881\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Block-preferences.png 1119w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Block-preferences-300x156.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Block-preferences-1024x534.png 1024w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Block-preferences-768x400.png 768w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Block-preferences-24x13.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Block-preferences-36x19.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Block-preferences-48x25.png 48w\" sizes=\"100vw\" \/><figcaption class=\"wp-element-caption\">Screenshot<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Make use of list and outline views<\/h3>\n\n\n\n<p>After you\u2019ve mastered basic blocks, it\u2019s time to get started using intricate web page structures. To prevent things from getting too complicated, you might want a snapshot of your document that\u2019s easy on the eye.<\/p>\n\n\n\n<p>Here\u2019s where list and outline views come in. Navigate to the three-line icon to the right of the redo button on the top toolbar. You\u2019ll see that the shortcut for this is Shift+Alt+O.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"751\" height=\"109\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Document-overview-button.png\" alt=\"Document overview button. \" class=\"wp-image-46882\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Document-overview-button.png 751w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Document-overview-button-300x44.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Document-overview-button-24x3.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Document-overview-button-36x5.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Document-overview-button-48x7.png 48w\" sizes=\"100vw\" \/><figcaption class=\"wp-element-caption\">Screenshot<\/figcaption><\/figure>\n\n\n\n<p>In the outline tab, you can go through the structure of longer blog posts easily and spot heading errors.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"526\" height=\"819\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Outline-view.png\" alt=\"Outline view\" class=\"wp-image-46883\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Outline-view.png 526w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Outline-view-193x300.png 193w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Outline-view-15x24.png 15w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Outline-view-23x36.png 23w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Outline-view-31x48.png 31w\" sizes=\"100vw\" \/><figcaption class=\"wp-element-caption\">Screenshot<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Final thoughts: How to improve workflow efficiency using the block editor<\/h2>\n\n\n\n<p>Now that you\u2019ve learned how to harness the benefits of Gutenberg to improve your workflow efficiency, you might be thinking about other ways to tweak your website, like diving into its analytics or looking at ways to boost its speed.<\/p>\n\n\n\n<p>At Bluehost, we offer various <a href=\"https:\/\/www.bluehost.com\/wordpress\/wordpress-hosting\">WordPress hosting plans<\/a> that give you the tools you need to do just that, along with several other add-ons like a <a href=\"https:\/\/www.bluehost.com\/blog\/how-to-get-free-ssl-wordpress\/\">free SSL<\/a> certificate and daily website backups for the first year.<\/p>\n\n\n\n<p>And now, designing an eye-catching website is even easier with <a href=\"https:\/\/www.bluehost.com\/wondersuite\">WonderSuite<\/a>. Each of our WordPress plans comes with a host of additional features that\u2019ll help your website shine.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.bluehost.com\/contact\">Contact us<\/a> today to find out more about how Bluehost\u2019s plans can take your site\u2019s design and functionality to the next level.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you\u2019ve updated your WordPress version in the last five years, you may have already used the Gutenberg editor to make changes to your WordPress website. Many members of the WordPress community lamented the change from the classic editor to the new editor, but plenty of novices and experts alike have been won over by [&hellip;]<\/p>\n","protected":false},"author":74,"featured_media":46866,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_title":"How To Improve Workflow Efficiency Using the Block Editor","_yoast_wpseo_metadesc":"Before bulking up your WordPress site with themes or plugins, read our guide to the benefits of the Gutenberg editor for improving workflow efficiency.","inline_featured_image":false,"footnotes":""},"categories":[3046,21],"tags":[3317,3332,3340],"ppma_author":[599],"class_list":["post-46864","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","category-wordpress","tag-cms","tag-low-code-no-code","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>How To Improve Workflow Efficiency Using the Block Editor<\/title>\n<meta name=\"description\" content=\"Before bulking up your WordPress site with themes or plugins, read our guide to the benefits of the Gutenberg editor for improving workflow efficiency.\" \/>\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\/46864\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Workflow Efficiency Tips for the Gutenberg Editor\" \/>\n<meta property=\"og:description\" content=\"Before bulking up your WordPress site with themes or plugins, read our guide to the benefits of the Gutenberg editor for improving workflow efficiency.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/\" \/>\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=\"2023-09-29T04:47:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Benefits-of-Gutenberg.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Minal Agarwal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/minalagarwal\" \/>\n<meta name=\"twitter:site\" content=\"@bluehost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Minal Agarwal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/\"},\"author\":{\"name\":\"Minal Agarwal\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/#\/schema\/person\/e9ccb012781e05c929d20c7b89f8bbe3\"},\"headline\":\"Workflow Efficiency Tips for the Gutenberg Editor\",\"datePublished\":\"2023-09-29T04:47:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/\"},\"wordCount\":1870,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Benefits-of-Gutenberg.png\",\"keywords\":[\"CMS\",\"Low-Code \/ No-Code\",\"Tips &amp; Tricks\"],\"articleSection\":[\"Development\",\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/\",\"url\":\"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/\",\"name\":\"How To Improve Workflow Efficiency Using the Block Editor\",\"isPartOf\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Benefits-of-Gutenberg.png\",\"datePublished\":\"2023-09-29T04:47:07+00:00\",\"description\":\"Before bulking up your WordPress site with themes or plugins, read our guide to the benefits of the Gutenberg editor for improving workflow efficiency.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/#primaryimage\",\"url\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Benefits-of-Gutenberg.png\",\"contentUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Benefits-of-Gutenberg.png\",\"width\":1920,\"height\":1080,\"caption\":\"Benefits of Gutenberg for improving workflow efficiency.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.bluehost.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Business\",\"item\":\"https:\/\/www.bluehost.com\/blog\/category\/business\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Workflow Efficiency Tips for the Gutenberg 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\/e9ccb012781e05c929d20c7b89f8bbe3\",\"name\":\"Minal Agarwal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/#\/schema\/person\/image\/c8d40b28171fda3585c635bc9672f478\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/042b2a6396c1ee0366c5c9560120123c4f0235ad09355e28ecc11f17cf341b97?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/042b2a6396c1ee0366c5c9560120123c4f0235ad09355e28ecc11f17cf341b97?s=96&d=mm&r=g\",\"caption\":\"Minal Agarwal\"},\"description\":\"Minal is the Director of Brand Marketing at Bluehost. With over 15 years of business experience in the technology industry, she strives to create solutions and content that fulfill a customer's needs. She is a dog mom and a stickler for calendaring.\",\"sameAs\":[\"https:\/\/x.com\/https:\/\/twitter.com\/minalagarwal\"],\"knowsAbout\":[\"WordPress\"],\"url\":\"https:\/\/www.bluehost.com\/blog\/author\/minal-agarwal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How To Improve Workflow Efficiency Using the Block Editor","description":"Before bulking up your WordPress site with themes or plugins, read our guide to the benefits of the Gutenberg editor for improving workflow efficiency.","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\/46864\/","og_locale":"en_US","og_type":"article","og_title":"Workflow Efficiency Tips for the Gutenberg Editor","og_description":"Before bulking up your WordPress site with themes or plugins, read our guide to the benefits of the Gutenberg editor for improving workflow efficiency.","og_url":"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/","og_site_name":"Bluehost Blog","article_publisher":"https:\/\/www.facebook.com\/bluehost\/","article_published_time":"2023-09-29T04:47:07+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Benefits-of-Gutenberg.png","type":"image\/png"}],"author":"Minal Agarwal","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/minalagarwal","twitter_site":"@bluehost","twitter_misc":{"Written by":"Minal Agarwal","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/#article","isPartOf":{"@id":"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/"},"author":{"name":"Minal Agarwal","@id":"https:\/\/www.bluehost.com\/blog\/#\/schema\/person\/e9ccb012781e05c929d20c7b89f8bbe3"},"headline":"Workflow Efficiency Tips for the Gutenberg Editor","datePublished":"2023-09-29T04:47:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/"},"wordCount":1870,"commentCount":0,"publisher":{"@id":"https:\/\/www.bluehost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Benefits-of-Gutenberg.png","keywords":["CMS","Low-Code \/ No-Code","Tips &amp; Tricks"],"articleSection":["Development","WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/","url":"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/","name":"How To Improve Workflow Efficiency Using the Block Editor","isPartOf":{"@id":"https:\/\/www.bluehost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/#primaryimage"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Benefits-of-Gutenberg.png","datePublished":"2023-09-29T04:47:07+00:00","description":"Before bulking up your WordPress site with themes or plugins, read our guide to the benefits of the Gutenberg editor for improving workflow efficiency.","breadcrumb":{"@id":"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/#primaryimage","url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Benefits-of-Gutenberg.png","contentUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/09\/Benefits-of-Gutenberg.png","width":1920,"height":1080,"caption":"Benefits of Gutenberg for improving workflow efficiency."},{"@type":"BreadcrumbList","@id":"https:\/\/www.bluehost.com\/blog\/block-editor-efficiency-tips\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.bluehost.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Business","item":"https:\/\/www.bluehost.com\/blog\/category\/business\/"},{"@type":"ListItem","position":3,"name":"Workflow Efficiency Tips for the Gutenberg 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\/e9ccb012781e05c929d20c7b89f8bbe3","name":"Minal Agarwal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bluehost.com\/blog\/#\/schema\/person\/image\/c8d40b28171fda3585c635bc9672f478","url":"https:\/\/secure.gravatar.com\/avatar\/042b2a6396c1ee0366c5c9560120123c4f0235ad09355e28ecc11f17cf341b97?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/042b2a6396c1ee0366c5c9560120123c4f0235ad09355e28ecc11f17cf341b97?s=96&d=mm&r=g","caption":"Minal Agarwal"},"description":"Minal is the Director of Brand Marketing at Bluehost. With over 15 years of business experience in the technology industry, she strives to create solutions and content that fulfill a customer's needs. She is a dog mom and a stickler for calendaring.","sameAs":["https:\/\/x.com\/https:\/\/twitter.com\/minalagarwal"],"knowsAbout":["WordPress"],"url":"https:\/\/www.bluehost.com\/blog\/author\/minal-agarwal\/"}]}},"authors":[{"term_id":599,"user_id":74,"is_guest":0,"slug":"minal-agarwal","display_name":"Minal Agarwal","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/042b2a6396c1ee0366c5c9560120123c4f0235ad09355e28ecc11f17cf341b97?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\/46864","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\/74"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/comments?post=46864"}],"version-history":[{"count":0,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/posts\/46864\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/media\/46866"}],"wp:attachment":[{"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/media?parent=46864"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/categories?post=46864"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/tags?post=46864"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/wp-json\/wp\/v2\/ppma_author?post=46864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}