{"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&p=11284616"},"modified":"2025-01-01T15:19:23","modified_gmt":"2025-01-01T15:19:23","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
The WordPress block editor also called the block editor<\/strong>, WordPress editor<\/strong> or Gutenberg<\/strong> editor<\/strong> is the new way of publishing content in WordPress. <\/p>\n\n\n\n Following the launch of WordPress 5.0 in December 2018, the WordPress block editor was set as the default editor and replaced the classic editor<\/a>. To use the classic editor<\/a>, you will need to install the classic editor<\/a> plugin.<\/p>\n\n\n\n The WordPress block editor offers an array of blocks<\/a> that can be used to create media-rich pages and posts. <\/p>\n\n\n\n Blocks<\/a> are the content elements that you add to create content layouts. You can add 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 WordPress has blocks for all common content elements, and more can be added through WordPress plugins<\/a>.<\/p>\n\n\n\n To launch the WordPress block editor, click on Posts<\/strong> > Add New<\/strong> or Pages<\/strong> > Add New<\/strong>. <\/p>\n\n\n\n The block editor opens by default in fullscreen mode.<\/p>\n\n\n\n The WordPress block editor workspace has three main sections: <\/p>\n\n\n\n Before you publish your post or page, you will see the following options in the top toolbar.<\/p>\n\n\n\n After the publishing, you will see the following options.<\/p>\n\n\n\n The options corresponding to the numbers in the figure are as followings:<\/p>\n\n\n\n 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 Show or Hide block inserter that allows users to add block, patterns or media to your post or page.<\/p>\n\n\n\n Switch between editing a block and selecting a block. Choose the Select tool (or press the Escape key on your keyboard) to select individual blocks. Once a block is selected, press the Enter key on your keyboard to return to editing.<\/p>\n\n\n\n Undo an action, or redo an undone action.<\/p>\n\n\n\n This option includes two tabs: List View and Outline.<\/p>\n\n\n\n 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 Editor Command Palette<\/a>.<\/p>\n\n\n\n Save a draft of your post or page without publishing it. If the post or page is saved successfully, the label changes to Saved<\/strong>. Once the post or page is published, this label is hidden.<\/p>\n\n\n\n View how your post\/page looks on your site with the current changes applied. For more details, refer How to use the View feature<\/a>.<\/p>\n\n\n\n The Zoom out mode allows users to zoom out to edit and create at the pattern level over granular block editing.<\/p>\n\n\n\n Show or hide the post\/page sidebar settings<\/a> and the block settings<\/a>.<\/p>\n\n\n\n Make your post\/page available publicly.<\/p>\n\n\n\n Open up more options<\/a>. See below section.<\/p>\n\n\n\n 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 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 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 Here, you can manage patterns<\/a>, learn 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 Use the Preferences<\/a> menu to:<\/p>\n\n\n\nThe block editor’s workspace<\/h2>\n\n\n\n
<\/figure>\n\n\n\n
\n
The top toolbar<\/h3>\n\n\n\n
<\/figure>\n\n\n\n
<\/figure>\n\n\n\n
1. View Posts \/ View Pages<\/h4>\n\n\n\n
2. Toggle block inserter<\/h4>\n\n\n\n
3. Tools<\/h4>\n\n\n\n
<\/figure>\n\n\n\n
4. Undo and Redo<\/h4>\n\n\n\n
5. Document Overview<\/h4>\n\n\n\n
\n
6. Command Palette<\/h4>\n\n\n\n
7. Save draft \/ Saved<\/h4>\n\n\n\n
8. View<\/h4>\n\n\n\n
9. Zoom Out<\/h4>\n\n\n\n
10. Settings<\/h4>\n\n\n\n
11. Publish<\/h4>\n\n\n\n
12. Options<\/h4>\n\n\n\n
13. View Post \/ View Page<\/h4>\n\n\n\n
More options<\/h3>\n\n\n\n
<\/figure>\n\n\n\n
View<\/h4>\n\n\n\n
\n
Editor<\/h4>\n\n\n\n
Tools<\/h4>\n\n\n\n
Preferences<\/h4>\n\n\n\n
\n
How to work in the WordPress block editor<\/h2>\n\n\n\n