{"id":11284616,"date":"2019-03-07T09:25:05","date_gmt":"2019-03-07T09:25:05","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&#038;p=11284616"},"modified":"2025-07-20T15:58:25","modified_gmt":"2025-07-20T15:58:25","slug":"wordpress-block-editor","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/wordpress-block-editor\/","title":{"rendered":"WordPress Block Editor"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The WordPress block editor also called the <strong>block editor<\/strong>, <strong>WordPress editor<\/strong> or <strong>Gutenberg<\/strong> <strong>editor<\/strong> is the new way of publishing content in WordPress.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Following the launch of WordPress 5.0 in December 2018, the WordPress block editor was set as the default editor and replaced the <a href=\"https:\/\/wordpress.org\/documentation\/article\/writing-posts\/\">classic editor<\/a>. To use the <a href=\"https:\/\/wordpress.org\/documentation\/article\/writing-posts\/\">classic editor<\/a>, you will need to install the <a rel=\"noreferrer noopener\" aria-label=\"classic editor (opens in a new tab)\" href=\"https:\/\/wordpress.org\/plugins\/classic-editor\/\" target=\"_blank\">classic editor<\/a> plugin.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The WordPress block editor offers an array of <a href=\"https:\/\/wordpress.org\/documentation\/article\/blocks\/\">blocks<\/a> that can be used to create media-rich pages and posts. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/blocks\/\">Blocks<\/a> are the content elements that you add to create content layouts. You can add <a href=\"https:\/\/wordpress.org\/documentation\/article\/blocks\/\">blocks<\/a> for paragraphs, images, headings, lists, videos, galleries, and more. You can control the layout of the blocks with ease, to build visually appealing web pages.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress has blocks for all common content elements, and more can be added through&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/browse\/blocks\/\">WordPress plugins<\/a>.<\/p>\n\n\n\n<div class=\"callout callout-info\" style=\"background: #e5f5fa;border-left: 5px solid #00a0d2;padding: 1.5em 3em 1.6em 3.7em;margin-bottom: 1.5em\"><a href=\"https:\/\/wordpress.org\/gutenberg\/\">Visit the Gutenberg demo website to try the Block Editor.<\/a><\/p><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"the-editor-s-workspace\">The block editor&#8217;s workspace<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To launch the WordPress block editor, click on <strong>Posts<\/strong> &gt; <strong>Add New<\/strong> or <strong>Pages<\/strong> &gt; <strong>Add New<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"542\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/05\/wordpress-editor-1-1024x542.png\" alt=\"Launch the WordPress block editor by choosing 'Add new' next to 'posts'\" class=\"wp-image-15640858\" style=\"aspect-ratio:1.886977886977887;width:542px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/05\/wordpress-editor-1-1024x542.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2022\/05\/wordpress-editor-1-300x159.png 300w, https:\/\/wordpress.org\/documentation\/files\/2022\/05\/wordpress-editor-1-768x407.png 768w, https:\/\/wordpress.org\/documentation\/files\/2022\/05\/wordpress-editor-1.png 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">How to launch the WordPress block editor<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The block editor opens by default in fullscreen mode.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"579\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-overview-6.7-1024x579.jpg\" alt=\"WordPress Block Editor overview\" class=\"wp-image-16365407\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-overview-6.7-1024x579.jpg 1024w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-overview-6.7-300x170.jpg 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-overview-6.7-768x434.jpg 768w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-overview-6.7-1536x869.jpg 1536w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-overview-6.7-2048x1158.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The WordPress block editor workspace has three main sections: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>the top toolbar<\/li>\n\n\n\n<li>the sidebar with the post\/page settings and the block settings<\/li>\n\n\n\n<li>the content area.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">The top toolbar<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Before you publish your post or page, you will see the following options in the top toolbar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"53\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-1-6.8-1024x53.png\" alt=\"Top toolbar showing available icons in post edit screen\" class=\"wp-image-16365913\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-1-6.8-1024x53.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-1-6.8-300x16.png 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-1-6.8-768x40.png 768w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-1-6.8-1536x80.png 1536w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-1-6.8-2048x107.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">After the publishing, you will see the following options.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"54\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-2-6.8-1024x54.png\" alt=\"After the publishing, new option View Post \/ View Page is appeared.\" class=\"wp-image-16365915\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-2-6.8-1024x54.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-2-6.8-300x16.png 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-2-6.8-768x40.png 768w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-2-6.8-1536x81.png 1536w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-2-6.8-2048x107.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The options corresponding to the numbers in the figure are as followings:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">1. View Posts \/ View Pages<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Shows the W icon by default, or the Site Icon if available. Click to exit the editor and back to the list of Posts or Pages in Administrator Screens. This will prompt you to save the changes or leave the post or page.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">2. Toggle block inserter<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Show or Hide block inserter that allows users to add block, patterns or media to your post or page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"553\" height=\"1024\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-3-6.8-553x1024.png\" alt=\"Block options, patterns and media when clicking block inserter.\n\n\" class=\"wp-image-16365916\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-3-6.8-553x1024.png 553w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-3-6.8-162x300.png 162w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-3-6.8.png 702w\" sizes=\"auto, (max-width: 553px) 100vw, 553px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">3. Undo and Redo<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Undo an action, or redo an undone action.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">4. Document Overview<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">This option includes two tabs: List View and Outline.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>List View: a list of all of the blocks that are on the post\/page and easily navigate between the blocks on your post\/page.&nbsp;<a href=\"https:\/\/wordpress.org\/documentation\/article\/list-view\/\">Read more about List View tool<\/a>.<\/li>\n\n\n\n<li>Outline: Show the the post\/page details including the character and word count, estimated time to read, the number of paragraphs and blocks on the post\/page, and the document outline showing the headings and how they are structured on the post\/page.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"698\" height=\"990\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-4-6.8.png\" alt=\"A preview of the document overview showing outline tab content.\" class=\"wp-image-16365917\" style=\"width:383px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-4-6.8.png 698w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-4-6.8-212x300.png 212w\" sizes=\"auto, (max-width: 698px) 100vw, 698px\" \/><figcaption class=\"wp-element-caption\">Outline tab in the Document Overview<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">5. Command Palette<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The Command Palette helps you streamline your workflow in the WordPress editor by providing a centralized location to work on various aspects of your site\u2019s design. Click this field, or press Cmd+k on Mac or Ctrl+k on Windows. For more details about Command Palete, refer <a href=\"https:\/\/wordpress.org\/documentation\/article\/site-editor-command-palette\/\">Editor Command Palette<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"538\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-5-6.8.png\" alt=\"Command palette on post for duplication, add, group or delete.\" class=\"wp-image-16365918\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-5-6.8.png 800w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-5-6.8-300x202.png 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-5-6.8-768x516.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">6. Save draft \/ Saved<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Save a draft of your post or page without publishing it. If the post or page is saved successfully, the label changes to <strong>Saved<\/strong>. Once the post or page is published, this label is hidden.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">7. View<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">View how your post\/page looks on your site with the current changes applied. For more details, refer <a href=\"https:\/\/wordpress.org\/documentation\/article\/how-to-use-the-preview-function\/\">How to use the View feature<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">8. Settings<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Show or hide the&nbsp;<a href=\"https:\/\/wordpress.org\/documentation\/article\/settings-sidebar\/\">post\/page sidebar settings<\/a>&nbsp;and the&nbsp;<a href=\"https:\/\/wordpress.org\/documentation\/article\/working-with-blocks\/#block-settings\">block settings<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"385\" height=\"1024\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-6-6.8-385x1024.png\" alt=\"Page or block settings.\" class=\"wp-image-16365919\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-6-6.8-385x1024.png 385w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-6-6.8-113x300.png 113w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/block-editor-toolbar-6-6.8.png 417w\" sizes=\"auto, (max-width: 385px) 100vw, 385px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">9. Publish<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Make your post\/page available publicly.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">10. Options<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Open up <a href=\"https:\/\/wordpress.org\/documentation\/article\/wordpress-block-editor\/#more-options\">more options<\/a>. See below section.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">11. View Post \/ View Page<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">After you publish your post or page, you will see this option. Opens a new tab where you can see how your post\/page looks on the frontend.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">More options<\/h3>\n\n\n\n<figure class=\"wp-block-image alignright size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"430\" height=\"1024\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/wordpress-block-editor-sidebar-6.7-430x1024.jpg\" alt=\"The three dot shows the menu items listed under more options.\" class=\"wp-image-16365413\" style=\"width:282px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/wordpress-block-editor-sidebar-6.7-430x1024.jpg 430w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/wordpress-block-editor-sidebar-6.7-126x300.jpg 126w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/wordpress-block-editor-sidebar-6.7.jpg 544w\" sizes=\"auto, (max-width: 430px) 100vw, 430px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If you click the three dots icon in the top toolbar, additional options are displayed. Here, you can customize your editing experience using various options.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">View<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Top toolbar:<\/strong> Display or hide the top toolbar in the editor. When you enable this option, block toolbars are pinned to the top of the WordPress block editor (right under the top toolbar) instead of appearing directly above the block.<\/li>\n\n\n\n<li><strong>Distraction free<\/strong>: When enabled, this option allows you to focus just on your words by adjusting various pieces of the interface, including closing any open sidebars, removing various block inserter options, and the block toolbar. <a href=\"https:\/\/wordpress.org\/documentation\/article\/distraction-free-mode\/\">Read more here<\/a>.<\/li>\n\n\n\n<li><strong>Spotlight mode<\/strong>: With spotlight mode, all blocks are greyed out except for the one you\u2019re working on so that you can focus on a single block at a time.<\/li>\n\n\n\n<li><strong>Fullscreen mode<\/strong>: When enabled, this mode hides the Administration screens user interface.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Editor<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">By default, you will be in the Visual editor. Switch to the Code editor to view the entire post or page in the HTML code editor.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Tools<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Here, you can <a href=\"https:\/\/wordpress.org\/documentation\/article\/block-pattern\/\">manage patterns<\/a>, learn <a href=\"https:\/\/wordpress.org\/documentation\/article\/block-editor-keyboard-shortcuts\/\">keyboard shortcuts<\/a>, visit the WordPress block editor welcome guide, copy all content on the post\/page, or view additional support articles.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Preferences<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Use the <a href=\"https:\/\/wordpress.org\/documentation\/article\/preferences-overview\/\">Preferences<\/a> menu to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Customize the editing experience.<\/li>\n\n\n\n<li>Change how you interact with blocks and which blocks appear when searching for a block.<\/li>\n\n\n\n<li>Show or hide individual panels from the <a href=\"https:\/\/wordpress.org\/documentation\/article\/settings-sidebar\/\">post\/page settings<\/a><a href=\"https:\/\/wordpress.com\/support\/wordpress-editor\/learn-the-interface\/#settings\">.<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How to work in the WordPress block editor<\/h2>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1830\" style=\"aspect-ratio: 3302 \/ 1830;\" width=\"3302\" autoplay controls loop muted src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/10\/Screen-Recording-2022-10-24-at-5.00.54-PM.mp4\"><\/video><figcaption class=\"wp-element-caption\">How to use the WordPress block editor<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can select multiple blocks by holding&nbsp;<code>shift+click<\/code> as show in the video below:<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/11\/select-multiple-blocks.mp4\"><\/video><figcaption class=\"wp-element-caption\">Selecting multiple blocks using shift+click<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can select all blocks by pressing <code>Cmd+A<\/code> or <code>Control+A<\/code> as shown in the video below<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/11\/selecting-all-blocks.mp4\"><\/video><figcaption class=\"wp-element-caption\">Selecting multiple blocks using cmd + A or control + A<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">When you select some text and press the back tick (<code>`<\/code>), it will turn the selected text inline code as show in the video below:<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"182\" style=\"aspect-ratio: 712 \/ 182;\" width=\"712\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/10\/179496420-adcc09e7-40fc-4f49-b7c1-86d3de61cc1a.mp4\"><\/video><figcaption class=\"wp-element-caption\">Video showing how to easily create an inline code<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Uploading media from openverse category also uploads the item in media library. <\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/11\/uploading-media-from-openverse.mp4\"><\/video><figcaption class=\"wp-element-caption\">Uploading media item from openverse category uploads to the media library as well<\/figcaption><\/figure>\n\n\n\n<div class=\"callout callout-info\" style=\"background: #e5f5fa;border-left: 5px solid #00a0d2;padding: 1.5em 3em 1.6em 3.7em;margin-bottom: 1.5em\"><a href=\"https:\/\/wordpress.org\/gutenberg\/\">Visit the Gutenberg demo website to try the Block Editor.<\/a><\/p><\/div>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"background-color:#f3f7fa\">\n<h2 class=\"wp-block-heading\">Related topics<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wordpress.org\/documentation\/article\/working-with-blocks\/\" data-type=\"URL\" data-id=\"https:\/\/wordpress.org\/documentation\/article\/working-with-blocks\/\">How to work with blocks<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/documentation\/article\/blocks\/\">List of blocks<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/documentation\/article\/block-directory\/\" data-type=\"helphub_article\" data-id=\"13176189\">Block directory<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/documentation\/article\/block-pattern\/\">Block patterns<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/documentation\/article\/list-view\/\">Use the List View<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/documentation\/article\/reusable-blocks\/\">Manage reusable blocks<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/documentation\/article\/settings-sidebar\/\">Post\/Page settings sidebar<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/documentation\/article\/adding-a-new-block\/\">How to add blocks<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/documentation\/article\/moving-blocks\/\" data-type=\"URL\" data-id=\"https:\/\/wordpress.org\/documentation\/article\/moving-blocks\/\">How to move blocks in your post\/page<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/documentation\/article\/how-to-use-the-preview-function\/\">How to use the Preview function<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/documentation\/article\/preferences-overview\/\">How to set the Preferences<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wordpress.org\/documentation\/article\/block-editor-keyboard-shortcuts\/\">Keyboard shortcuts in Block editor<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group changelog has-very-light-gray-background-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>Change Log<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Updated on 2025-07-20\n<ul class=\"wp-block-list\">\n<li>Remove Tools in the top toolbar<br>Updated screenshot for the top toolbar<br>Updated top toolbar items hierarchy<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated on 2025-01-01\n<ul class=\"wp-block-list\">\n<li>Updated whole contents and screenshots for 6.7<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated on 2023-11-11\n<ul class=\"wp-block-list\">\n<li>Updated screenshots for 6.4<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated on 2023-11-08\n<ul class=\"wp-block-list\">\n<li>Headings changed to sentence case <\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Updated on 2023-09-26\n<ul class=\"wp-block-list\">\n<li>&nbsp;Improve &#8220;switch to draft&#8221; placement&nbsp;<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/50217\">50217<\/a><\/li>\n\n\n\n<li>Added a pair of new screenshots to add &#8220;Apply busy status to the publish button in progress and unify button width&nbsp;<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/48444\">48444<\/a>&#8220;<\/li>\n\n\n\n<li>Added a new video to add &#8220;[Inserter &#8211; Media tab]: Upload Openverse images when inserted&nbsp;<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/48501\">48501<\/a>&#8220;<br><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated on 2023-08-\n<ul class=\"wp-block-list\">\n<li>Add component&nbsp;<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/50260\">50260<\/a><\/li>\n\n\n\n<li>Display device icon on &#8220;preview&#8221; and &#8220;view&#8221; buttons&nbsp;<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/50218\">50218<\/a><\/li>\n\n\n\n<li>Distraction Free Mode: Don&#8217;t show the metaboxes&nbsp;<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/48947\">48947<\/a><\/li>\n\n\n\n<li>Updates the behavior of the top toolbar fixed setting&nbsp;<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/49634\">49634<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Updated 2023-08-08\n<ul class=\"wp-block-list\">\n<li>Replaced &#8220;Reusable Blocks&#8221; with &#8220;Patterns&#8221;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2023-06-27\n<ul class=\"wp-block-list\">\n<li>Added links to Gutenberg demo website.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2023-04-16\n<ul class=\"wp-block-list\">\n<li>Updated screenshot for more options.<\/li>\n\n\n\n<li>Added information about Distraction Free mode.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2022-10-24\n<ul class=\"wp-block-list\">\n<li>Add screenshot for <strong>Time to read<\/strong>.<\/li>\n\n\n\n<li>Updated screenshots to show the <strong>View<\/strong> button in the top toolbar<\/li>\n\n\n\n<li>Content tweaked. FAQ removed.<\/li>\n\n\n\n<li>Added new videos to show tips to work with the Editor <\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Update 2022-06-02\n<ul class=\"wp-block-list\">\n<li>Text updated for clarity.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Update 2022-05-13\n<ul class=\"wp-block-list\">\n<li>Updated content\/screenshots for 6.0. <\/li>\n\n\n\n<li>Rewrote sections for clarity.<\/li>\n\n\n\n<li>The blocks section moved to a <a href=\"https:\/\/wordpress.org\/documentation\/article\/adding-content-with-blocks\/\">new page<\/a>.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Update 2022-01-18\n<ul class=\"wp-block-list\">\n<li>Added Section: List view<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Update 2020-08-17<ul><li>Added Section: New to WordPress 5.5<\/li><\/ul>\n<ul class=\"wp-block-list\">\n<li>Added link to Block Directory page. <\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Update 2020-03-29\n<ul class=\"wp-block-list\">\n<li>Added section on default Fullscreen mode, introduced in WordPress 5.4<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Update 2020-03-19\n<ul class=\"wp-block-list\">\n<li>Move the &#8220;Shortcuts&#8221; section above the FAQs<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Update 2020-03-18\n<ul class=\"wp-block-list\">\n<li>Changed occurrences of  &#8220;new editor&#8221; to &#8220;block editor&#8221;<\/li>\n\n\n\n<li>changed occurrences of &#8220;old editor&#8221; to &#8220;Classic editor&#8221;<\/li>\n\n\n\n<li>Added Anatomy of a Block graphic and explanations<\/li>\n\n\n\n<li>Reformatted the FAQ questions to Paragraphs with medium size bolded text instead of Capitalized H5<\/li>\n\n\n\n<li>Added link to Classic Block page and Shorcode Block page<\/li>\n\n\n\n<li>Changed the link to the Shortcut list to the <a href=\"https:\/\/developer.wordpress.org\/block-editor\/principles\/faq\/#editor-shortcuts\">developer documentation page.<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Support page for how to use the WordPress block editor also known as the WordPress editor or Gutenberg editor.<\/p>\n","protected":false},"author":13243985,"featured_media":11284631,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false},"category":[79,78],"class_list":["post-11284616","helphub_article","type-helphub_article","status-publish","has-post-thumbnail","hentry","category-dashboard","category-support-guides"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/11284616","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/types\/helphub_article"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/comments?post=11284616"}],"version-history":[{"count":13,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/11284616\/revisions"}],"predecessor-version":[{"id":16365920,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/11284616\/revisions\/16365920"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wporg\/v1\/users\/avillegasn"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media\/11284631"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=11284616"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=11284616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}