{"id":78993,"date":"2020-06-10T13:33:26","date_gmt":"2020-06-10T13:33:26","guid":{"rendered":"https:\/\/mywp.site\/template\/?p=347"},"modified":"2024-07-05T19:07:35","modified_gmt":"2024-07-05T09:07:35","slug":"block-editor-toolbar","status":"publish","type":"post","link":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/","title":{"rendered":"WordPress Block Editor Toolbar"},"content":{"rendered":"<h1><span class=\"ez-toc-section\" id=\"WordPress-Block-Editor-%E2%80%93-Editing-Toolbar\"><\/span>WordPress Block Editor &#8211; Editing Toolbar<span class=\"ez-toc-section-end\"><\/span><\/h1><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_81 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Tutorial Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#WordPress-Block-Editor-%E2%80%93-Editing-Toolbar\" >WordPress Block Editor &#8211; Editing Toolbar<\/a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#WordPress-Content-Editor-Editing-Toolbar\" >WordPress Content Editor:\u00a0Editing Toolbar<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#View-PostsPages\" >View Posts\/Pages<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#Add-Block\" >Add Block<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#Tools\" >Tools<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#Undo-Redo\" >Undo &amp; Redo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#Content-Structure\" >Content Structure<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#Block-Navigation\" >Block Navigation<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#Switch-To-Draft\" >Switch To Draft<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#Preview\" >Preview<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#PublishUpdate\" >Publish\/Update<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#PagePost-Status\" >Page\/Post Status<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#HideDisplay-Settings\" >Hide\/Display Settings<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#Options\" >Options<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#WordPress-Block-Editor-Toolbar-%E2%80%93-FAQs\" >WordPress Block Editor Toolbar &#8211; FAQs<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#What-is-the-WordPress-Block-Editor-Toolbar\" >What is the WordPress Block Editor Toolbar?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#What-options-are-available-in-the-Block-Editor-Toolbar\" >What options are available in the Block Editor Toolbar?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#How-do-I-access-the-WordPress-Block-Editor-Toolbar\" >How do I access the WordPress Block Editor Toolbar?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#Can-I-customize-the-WordPress-Block-Editor-Toolbar\" >Can I customize the WordPress Block Editor Toolbar?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#Are-there-keyboard-shortcuts-available-for-the-WordPress-Block-Editor-Toolbar\" >Are there keyboard shortcuts available for the WordPress Block Editor Toolbar?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#Does-the-WordPress-Block-Editor-Toolbar-support-responsive-design\" >Does the WordPress Block Editor Toolbar support responsive design?<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n<figure style=\"width: 351px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-000.png\" alt=\"WordPress Gutenberg Content Editor Interface - Editing Toolbar\" width=\"351\" height=\"228\" \/><figcaption class=\"wp-caption-text\">Editing Toolbar<\/figcaption><\/figure>\n<p style=\"text-align: left\">This tutorial is part of our series on <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor\/\" target=\"_blank\" rel=\"noopener\"><strong>How To Use The WordPress Block Editor (Gutenberg)<\/strong><\/a>.<\/p>\n<p style=\"text-align: center\">***<\/p>\n<p style=\"text-align: left\">The WordPress block content editor interface is divided into three main sections:<\/p>\n<ol>\n<li style=\"text-align: left\"><strong>Editing Toolbar <\/strong><em>(you are here)<\/em><\/li>\n<li style=\"text-align: left\"><strong>Content Area<\/strong><\/li>\n<li style=\"text-align: left\"><strong>Settings Section<\/strong><\/li>\n<\/ol>\n<p style=\"text-align: left\">In this tutorial, you will learn how to use the <strong>Editing Toolbar<\/strong> section of the WordPress block editor.<\/p>\n<p style=\"text-align: left\">For a complete understanding of how to use the WordPress Block Editor, see the other tutorials in this series:<\/p>\n<ul>\n<li style=\"text-align: left\"><a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-content-area\/\" target=\"_blank\" rel=\"noopener\"><strong>How To Use The WordPress Block Editor Content Area<\/strong><\/a><\/li>\n<li style=\"text-align: left\"><a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-settings\/\" target=\"_blank\" rel=\"noopener\"><strong>How To Use The WordPress Block Editor Settings Section<\/strong><\/a><\/li>\n<li><a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/gutenberg-blocks\/\" target=\"_blank\" rel=\"noopener\"><strong>How To Use WordPress Blocks<\/strong><\/a><\/li>\n<\/ul>\n<p style=\"text-align: center\">***<\/p>\n<h2><span class=\"ez-toc-section\" id=\"WordPress-Content-Editor-Editing-Toolbar\"><\/span>WordPress Content Editor:\u00a0Editing Toolbar<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: left\">The uppermost section of the WordPress block editor is called the Editing Toolbar.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-003.jpg\" alt=\"WordPress Content Editor:\u00a0Editing Toolbar\" width=\"1000\" height=\"587\" \/><figcaption class=\"wp-caption-text\">The Editing Toolbar is the section at the top of the WordPress block editor.<\/figcaption><\/figure>\n<p style=\"text-align: left\">The Editing Toolbar features run across the entire width of the content editor screen.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-004.png\" alt=\"WordPress Block Editor - Editing Toolbar.\" width=\"1000\" height=\"75\" \/><figcaption class=\"wp-caption-text\">The Editing Toolbar.<\/figcaption><\/figure>\n<p style=\"text-align: left\">The editing toolbar allows you to perform various functions, including:<\/p>\n<ul>\n<li style=\"text-align: left\">Add a new block in your content area<\/li>\n<li style=\"text-align: left\">Undo\/Redo changes<\/li>\n<li style=\"text-align: left\">View content structure information<\/li>\n<li style=\"text-align: left\">View block navigation information<\/li>\n<li style=\"text-align: left\">Save changes (and view saved and auto-saved confirmations)<\/li>\n<li style=\"text-align: left\">Change Post\/Page status from &#8216;draft&#8217; to &#8216;published&#8217; and vice-versa<\/li>\n<li style=\"text-align: left\">Preview your post or page<\/li>\n<li style=\"text-align: left\">Publish\/update your post or page<\/li>\n<li style=\"text-align: left\">Show\/Hide the &#8216;Settings&#8217; section<\/li>\n<li style=\"text-align: left\">Show &#8216;Options&#8217; section<\/li>\n<\/ul>\n<p style=\"text-align: left\">This section can also display additional information depending on how your settings are configured, such as fixing the block toolbar to the top of the screen (see &#8216;Options&#8217; section below).<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-005.jpg\" alt=\"WordPress Block Editor - Editing Toolbar \" width=\"1000\" height=\"580\" \/><figcaption class=\"wp-caption-text\">The Editing Toolbar with an embedded block editor.<\/figcaption><\/figure>\n<p style=\"text-align: left\">The section on the top left corner of the Editing Toolbar contains the following functions:<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-006.png\" alt=\"WordPress Block Editor - Editing toolbar features.\" width=\"1000\" height=\"215\" \/><figcaption class=\"wp-caption-text\">Features of the Editing Toolbar.<\/figcaption><\/figure>\n<h3><span class=\"ez-toc-section\" id=\"View-PostsPages\"><\/span>View Posts\/Pages<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">Click on View Posts (or View Pages if working with Pages) to return to your Table of Posts (<em>Posts &gt; All Posts<\/em>) or Table of Pages (<em>Pages &gt; All Pages<\/em>).<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-007.png\" alt=\"WordPress Block Editor - View Posts\/Pages\" width=\"1000\" height=\"150\" \/><figcaption class=\"wp-caption-text\">Click on View Posts\/ Pages to view the Table of Posts\/Pages.<\/figcaption><\/figure>\n<h3><span class=\"ez-toc-section\" id=\"Add-Block\"><\/span>Add Block<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">Clicking on the &#8216;Add Block&#8217; [+] tool brings up a menu containing a list of all the available blocks you can use.<\/p>\n<figure style=\"width: 680px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-008.gif\" alt=\"WordPress Block Editor: Editing Toolbar - Add Block tool.\" width=\"680\" height=\"401\" \/><figcaption class=\"wp-caption-text\">Editing Toolbar &#8211; Add Block tool.<\/figcaption><\/figure>\n<h3 style=\"text-align: left\"><span class=\"ez-toc-section\" id=\"Tools\"><\/span>Tools<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">The Tools button specifies how you interact with blocks (i.e. block selection &amp; editing).<\/p>\n<p style=\"text-align: left\">Currently, you have the option of using two tools:<\/p>\n<ul>\n<li style=\"text-align: left\">Edit<\/li>\n<li style=\"text-align: left\">Select<\/li>\n<\/ul>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-009.png\" alt=\"WordPress Block Editor: Editing Toolbar - Tools.\" width=\"1000\" height=\"441\" \/><figcaption class=\"wp-caption-text\">Editing Toolbar &#8211; Tools.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Use the Select tool to select a block. (<em>Tip:<\/em> Press the <em>Escape<\/em> key to switch to the Select tool).<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-011.jpg\" alt=\"WordPress Block Editor: Editing Toolbar - Select tool.\" width=\"1000\" height=\"663\" \/><figcaption class=\"wp-caption-text\">Editing Toolbar &#8211; Select tool.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Once a Block is selected, press the <em>Enter<\/em> key to return to the Edit tool.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-010.jpg\" alt=\"WordPress Block Editor: Editing Toolbar - Edit tool.\" width=\"1000\" height=\"642\" \/><figcaption class=\"wp-caption-text\">Editing Toolbar &#8211; Edit tool.<\/figcaption><\/figure>\n<h3><span class=\"ez-toc-section\" id=\"Undo-Redo\"><\/span>Undo &amp; Redo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">Clicking on the &#8216;Undo&#8217; or &#8216;Redo&#8217; buttons while adding or editing content before saving your changes:<\/p>\n<ul>\n<li style=\"text-align: left\">Restores previous actions when typing content.<\/li>\n<li style=\"text-align: left\">Restores the position of any blocks that have been rearranged.<\/li>\n<\/ul>\n<figure style=\"width: 680px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-012.gif\" alt=\"WordPress Block Editor: Editing Toolbar - Undo and Redo buttons.\" width=\"680\" height=\"310\" \/><figcaption class=\"wp-caption-text\">Editing Toolbar &#8211; Undo and Redo buttons.<\/figcaption><\/figure>\n<h3><span class=\"ez-toc-section\" id=\"Content-Structure\"><\/span>Content Structure<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">Clicking on the &#8216;Content Structure&#8217; icon displays information about your content like:<\/p>\n<ul>\n<li style=\"text-align: left\">Number of Words<\/li>\n<li style=\"text-align: left\">Number of Headings<\/li>\n<li style=\"text-align: left\">Number of Paragraphs<\/li>\n<li style=\"text-align: left\">Number of Blocks<\/li>\n<li style=\"text-align: left\">Document Outline (like a Table of Contents)<\/li>\n<\/ul>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-013.png\" alt=\"WordPress Block Editor: Editing Toolbar - Content structure.\" width=\"1000\" height=\"619\" \/><figcaption class=\"wp-caption-text\">Editing Toolbar &#8211; Content structure.<\/figcaption><\/figure>\n<h3><span class=\"ez-toc-section\" id=\"Block-Navigation\"><\/span>Block Navigation<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">Click on the &#8216;Block Navigation&#8217; icon to display the structure and layout of your content blocks.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-014.jpg\" alt=\"WordPress Block Editor: Editing Toolbar - Block navigation.\" width=\"1000\" height=\"907\" \/><figcaption class=\"wp-caption-text\">Editing Toolbar &#8211; Block navigation.<\/figcaption><\/figure>\n<h3><span class=\"ez-toc-section\" id=\"Switch-To-Draft\"><\/span>Switch To Draft<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">Click on the &#8216;Switch to Draft&#8217; link to convert a published post or page into a draft document.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-015.png\" alt=\"WordPress Block Editor: Editing Toolbar - Switch to draft button.\" width=\"1000\" height=\"272\" \/><figcaption class=\"wp-caption-text\">Editing Toolbar &#8211; Switch to draft.<\/figcaption><\/figure>\n<p style=\"text-align: left\">When asked to confirm your choice, click &#8216;OK&#8217; to revert your published post\/page to &#8216;Draft&#8217; status, otherwise click &#8216;Cancel&#8217; to keep the current status of your post\/page.<\/p>\n<figure style=\"width: 680px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-016.gif\" alt=\"WordPress Block Editor: Editing Toolbar - Switch to draft.\" width=\"680\" height=\"340\" \/><figcaption class=\"wp-caption-text\">Using Switch to draft.<\/figcaption><\/figure>\n<p style=\"text-align: left\">You can switch posts\/pages from &#8216;Draft&#8217; to &#8216;Published&#8217; status and vice-versa at any time.<\/p>\n<figure style=\"width: 680px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-017.gif\" alt=\"WordPress Block Editor: Editing Toolbar - Publish.\" width=\"680\" height=\"236\" \/><figcaption class=\"wp-caption-text\">Switch between Draft and Publish mode as often as you like.<\/figcaption><\/figure>\n<h3><span class=\"ez-toc-section\" id=\"Preview\"><\/span>Preview<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">To see what visitors will see when they visit your post\/page, click the &#8216;Preview&#8217; button.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-018.png\" alt=\"WordPress Block Editor: Editing Toolbar - Preview button.\" width=\"1000\" height=\"420\" \/><figcaption class=\"wp-caption-text\">Editing Toolbar &#8211; Preview button.<\/figcaption><\/figure>\n<p style=\"text-align: left\">You can preview your post\/page as it will display on a desktop, tablet, or mobile device screen, or open the preview window in a new tab.<\/p>\n<figure style=\"width: 680px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-019.gif\" alt=\"WordPress Block Editor: Editing Toolbar - Preview your post\/page.\" width=\"680\" height=\"440\" \/><figcaption class=\"wp-caption-text\">Preview your post\/page in different modes.<\/figcaption><\/figure>\n<h3><span class=\"ez-toc-section\" id=\"PublishUpdate\"><\/span>Publish\/Update<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">The &#8216;Publish&#8217; section lets you publish new posts\/pages and update existing posts\/pages.<\/p>\n<p style=\"text-align: left\">To publish your post or page, click on the &#8216;Publish&#8217; button (or &#8216;Update&#8217; if editing an existing post or page).<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-020.jpg\" alt=\"WordPress Block Editor: Editing Toolbar - Publish\/Update button.\" width=\"1000\" height=\"454\" \/><figcaption class=\"wp-caption-text\">Publish\/Update button.<\/figcaption><\/figure>\n<p style=\"text-align: left\">The block editor provides an optional pre-publishing check function that reminds you to double-check your settings and confirm before publishing.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-021.jpg\" alt=\"WordPress Block Editor - Pre-publishing checks\" width=\"1000\" height=\"801\" \/><figcaption class=\"wp-caption-text\">Pre-publishing checks make sure that you&#8217;ve completed all the steps prior to publishing your post\/page.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Edit your publishing settings, then click the &#8216;Publish&#8217; button again to proceed.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-022.jpg\" alt=\"WordPress Block Editor - Edit your publishing settings.\" width=\"1000\" height=\"812\" \/><figcaption class=\"wp-caption-text\">Edit your publishing settings.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Your post\/page will be published.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-023.jpg\" alt=\"WordPress Block Editor: Post published.\" width=\"1000\" height=\"467\" \/><figcaption class=\"wp-caption-text\">Your post\/page is now live!<\/figcaption><\/figure>\n<p style=\"text-align: left\">After your post\/page has been published you will be given a couple of options like viewing your post\/page&#8230;<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-024.jpg\" alt=\"WordPress Block Editor - View Post button.\" width=\"1000\" height=\"467\" \/><figcaption class=\"wp-caption-text\">View your published post.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Or copying your post\/page URL to your clipboard&#8230;<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-025.jpg\" alt=\"WordPress Block Editor - Copy Link button.\" width=\"1000\" height=\"467\" \/><figcaption class=\"wp-caption-text\">Copy your post\/page URL to your clipboard.<\/figcaption><\/figure>\n<p style=\"text-align: left\">To turn off this option deselect the &#8216;Always show pre-publish checks&#8217; checkbox.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-026.jpg\" alt=\"WordPress Block Editor - Always show pre-publish checks.\" width=\"1000\" height=\"616\" \/><figcaption class=\"wp-caption-text\">Deselect Always show pre-publish checks box to stop showing these.<\/figcaption><\/figure>\n<p style=\"text-align: left\"><em>Note:<\/em> you can also deselect this option in the &#8216;Options&#8217; screen (see <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-settings\/\" target=\"_blank\" rel=\"noopener\"><strong>Block Editor Settings<\/strong><\/a>\u00a0section).<\/p>\n<p style=\"text-align: left\">After publishing, close the panel to continue working inside the content editor.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-027.jpg\" alt=\"WordPress Block Editor - Close panel button.\" width=\"1000\" height=\"580\" \/><figcaption class=\"wp-caption-text\">Close the publishing panel after publishing your post\/page.<\/figcaption><\/figure>\n<p style=\"text-align: left\">You will return to the main content editor screen.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-028.jpg\" alt=\"WordPress Block Editor - Content Area screen.\" width=\"1000\" height=\"755\" \/><figcaption class=\"wp-caption-text\">The WordPress Block Editor Content Area.<\/figcaption><\/figure>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/info-icon.jpg\" alt=\"Important\" width=\"75\" height=\"75\" \/><\/p>\n<p style=\"text-align: left\">If you&#8217;re not sure what different post or page statuses mean, this will help you:<\/p>\n<h5><span class=\"ez-toc-section\" id=\"PagePost-Status\"><\/span>Page\/Post Status<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p style=\"text-align: left\">In WordPress, Posts and Pages can be assigned the following status:<\/p>\n<ul>\n<li style=\"text-align: left\"><strong>Published<\/strong>: Published posts and pages display to everyone who visits your site unless they&#8217;re set as &#8216;Private&#8217; or &#8216;Password-Protected&#8217; (see &#8216;Visibility Settings&#8217;\u00a0 in the <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-settings\/\" target=\"_blank\" rel=\"noopener\"><strong>Block Editor Settings<\/strong><\/a> tutorial).<\/li>\n<li style=\"text-align: left\"><strong>Draft<\/strong>: A draft post is not visible to your site visitors and registered members or users unless they are a site administrator.<\/li>\n<li style=\"text-align: left\"><strong>Pending Review<\/strong>: A post marked as &#8216;Pending Review&#8217; is similar to a draft post but needs to be reviewed and approved for publication by a user with a minimum permission-level of\u00a0<em>Editor<\/em>.<\/li>\n<\/ul>\n<p style=\"text-align: left\">To learn about assigning user permissions in WordPress, see this tutorial: <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/users\/\" target=\"_blank\" rel=\"noopener\"><strong>How To Manage WordPress Users<\/strong><\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"HideDisplay-Settings\"><\/span>Hide\/Display Settings<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">Click on the Gear icon to bring up your post or page <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-settings\/\" target=\"_blank\" rel=\"noopener\"><strong>Settings section<\/strong><\/a>.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-029.jpg\" alt=\"WordPress Block Editor: Editing Toolbar - Settings button.\" width=\"1000\" height=\"520\" \/><figcaption class=\"wp-caption-text\">Editing Toolbar: Settings button.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Clicking on the &#8216;Settings&#8217; icon alternates between displaying and hiding the Settings section.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-030.jpg\" alt=\"WordPress Block Editor: Editing Toolbar - Settings button.\" width=\"1000\" height=\"915\" \/><figcaption class=\"wp-caption-text\">Click the Settings button to display or hide your post and page settings.<\/figcaption><\/figure>\n<p style=\"text-align: left\">You can also hide the Settings section by closing the sidebar (X).<\/p>\n<figure style=\"width: 680px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-031.gif\" alt=\"WordPress Block Editor: Editing Toolbar - Settings button.\" width=\"680\" height=\"374\" \/><figcaption class=\"wp-caption-text\">Using the Settings button to display\/hide your post\/page settings.<\/figcaption><\/figure>\n<h3><span class=\"ez-toc-section\" id=\"Options\"><\/span>Options<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left\">WordPress has added a new feature to the block content editor called &#8216;Options&#8217;.<\/p>\n<p style=\"text-align: left\">Click on the vertical ellipsis (three dots) icon to display the &#8216;Options&#8217; menu.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-032.jpg\" alt=\"WordPress Block Editor: Editing Toolbar - Options.\" width=\"1000\" height=\"420\" \/><figcaption class=\"wp-caption-text\">Editing Toolbar &#8211; Options.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Using the Options section is covered in this tutorial: <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-settings\/\" target=\"_blank\" rel=\"noopener\"><strong>WordPress Block Editor Settings<\/strong><\/a><\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-033.jpg\" alt=\"WordPress Block Editor: Editing Toolbar - Options menu.\" width=\"1000\" height=\"934\" \/><figcaption class=\"wp-caption-text\">Options menu.<\/figcaption><\/figure>\n<p style=\"text-align: left\">Note: The <em>Editing Toolbar<\/em> section can display additional information depending on how your site&#8217;s settings are configured and what additional plugins you have installed on your site.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"WordPress-Block-Editor-Toolbar-%E2%80%93-FAQs\"><\/span>WordPress Block Editor Toolbar &#8211; FAQs<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Here are frequently asked questions about the WordPress Block Editor Toolbar:<\/p>\n<h3><span class=\"ez-toc-section\" id=\"What-is-the-WordPress-Block-Editor-Toolbar\"><\/span>What is the WordPress Block Editor Toolbar?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The WordPress Block Editor Toolbar is a set of tools and options located at the top of the block editor interface. It provides quick access to various editing functions and controls for manipulating content blocks within a post or page.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"What-options-are-available-in-the-Block-Editor-Toolbar\"><\/span>What options are available in the Block Editor Toolbar?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The Block Editor Toolbar includes essential options such as the Undo\/Redo buttons, the Add Block button for inserting new content blocks, the Block Navigation menu for navigating between blocks, and the Block Settings menu for configuring individual block properties.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"How-do-I-access-the-WordPress-Block-Editor-Toolbar\"><\/span>How do I access the WordPress Block Editor Toolbar?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>You can access the WordPress Block Editor Toolbar by opening any post or page for editing in the WordPress admin area. The toolbar appears automatically at the top of the editor interface, providing immediate access to its features.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Can-I-customize-the-WordPress-Block-Editor-Toolbar\"><\/span>Can I customize the WordPress Block Editor Toolbar?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Yes, you can customize the WordPress Block Editor Toolbar by utilizing plugins or custom code snippets. Plugins like <a href=\"https:\/\/wordpress.org\/plugins\/editorplus\/\" target=\"_blank\" rel=\"noopener\"><strong>Editor Plus<\/strong><\/a> or <a href=\"https:\/\/wordpress.org\/plugins\/tinymce-advanced\/\" target=\"_blank\" rel=\"noopener\"><strong>Advanced Editor Tools<\/strong><\/a> offer additional toolbar options and functionalities, allowing users to tailor the toolbar to their specific editing needs.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Are-there-keyboard-shortcuts-available-for-the-WordPress-Block-Editor-Toolbar\"><\/span>Are there keyboard shortcuts available for the WordPress Block Editor Toolbar?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Yes, WordPress provides various keyboard shortcuts for performing actions quickly within the block editor. For example, you can use <code>Ctrl + Shift + D<\/code> (or <code>Cmd + Shift + D<\/code> on Mac) to duplicate a selected block, enhancing efficiency and productivity while editing content.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Does-the-WordPress-Block-Editor-Toolbar-support-responsive-design\"><\/span>Does the WordPress Block Editor Toolbar support responsive design?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Yes, the WordPress Block Editor Toolbar is designed to be responsive, adapting its layout and appearance to different screen sizes and devices. Whether you&#8217;re editing on a desktop, tablet, or smartphone, the toolbar remains accessible and functional, ensuring a consistent editing experience.<\/p>\n<p style=\"text-align: center\">***<\/p>\n<p style=\"text-align: left\">Congratulations! Now you know how to use the Editing Toolbar of the WordPress block content editor.<\/p>\n<p style=\"text-align: left\">The next step is to learn about the WordPress block editor&#8217;s <a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-content-area\/\" target=\"_blank\" rel=\"noopener\"><strong>Content Area<\/strong><\/a>.<\/p>\n<figure style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wptrainingmanual.s3.us-east-1.amazonaws.com\/elite\/tut\/wptm-043\/WPTM-043-001.png\" alt=\"WordPress Block Editor - Editing Toolbar.\" width=\"1000\" height=\"650\" \/><figcaption class=\"wp-caption-text\">The WordPress Block Editor&#8217;s Editing Toolbar.<\/figcaption><\/figure>\n<p style=\"text-align: left\">For more tutorials about using the block editor, go here:<\/p>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li style=\"text-align: left\"><a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor\/\" target=\"_blank\" rel=\"noopener\"><strong>The WordPress Block Editor (Gutenberg)<\/strong><\/a><\/li>\n<li style=\"text-align: left\"><a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/gutenberg-blocks\/\" target=\"_blank\" rel=\"noopener\"><strong>How To Use WordPress Blocks<\/strong><\/a><\/li>\n<li style=\"text-align: left\"><strong>How To Use The WordPress Block Editor Toolbar<\/strong>\u00a0<em>(this tutorial)<\/em><\/li>\n<li style=\"text-align: left\"><a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-content-area\/\" target=\"_blank\" rel=\"noopener\"><strong>How To Use The WordPress Block Editor Content Area<\/strong><\/a><\/li>\n<li style=\"text-align: left\"><a href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-settings\/\" target=\"_blank\" rel=\"noopener\"><strong>How To Use The WordPress Block Editor Settings Section<\/strong><\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p style=\"text-align: center\">***<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to use the WordPress Block Editor toolbar.<\/p>\n","protected":false},"author":78,"featured_media":79142,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[195],"tags":[198,211,239],"class_list":["post-78993","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-tutorials","tag-block-editor","tag-gutenberg","tag-tools"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>WordPress Block Editor Toolbar - WPTrainingManual.com<\/title>\n<meta name=\"description\" content=\"Learn how to use the WordPress Block Editor toolbar.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress Block Editor Toolbar - WPTrainingManual.com\" \/>\n<meta property=\"og:description\" content=\"Learn how to use the WordPress Block Editor toolbar.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/\" \/>\n<meta property=\"og:site_name\" content=\"WPTrainingManual.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wptraining\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-10T13:33:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-05T09:07:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/043-block-editor-toolbar.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=\"WordPress Tutorials\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wptrain\" \/>\n<meta name=\"twitter:site\" content=\"@wptrain\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"WordPress Tutorials\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/\"},\"author\":{\"name\":\"WordPress Tutorials\",\"@id\":\"https:\/\/wptrainingmanual.com\/#\/schema\/person\/00f2fc1ecf36a4fd1861f6744e9f17cc\"},\"headline\":\"WordPress Block Editor Toolbar\",\"datePublished\":\"2020-06-10T13:33:26+00:00\",\"dateModified\":\"2024-07-05T09:07:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/\"},\"wordCount\":1757,\"publisher\":{\"@id\":\"https:\/\/wptrainingmanual.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/043-block-editor-toolbar.jpg\",\"keywords\":[\"Block Editor\",\"Gutenberg\",\"Tools\"],\"articleSection\":[\"WordPress Tutorials\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/\",\"url\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/\",\"name\":\"WordPress Block Editor Toolbar - WPTrainingManual.com\",\"isPartOf\":{\"@id\":\"https:\/\/wptrainingmanual.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/043-block-editor-toolbar.jpg\",\"datePublished\":\"2020-06-10T13:33:26+00:00\",\"dateModified\":\"2024-07-05T09:07:35+00:00\",\"description\":\"Learn how to use the WordPress Block Editor toolbar.\",\"breadcrumb\":{\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#primaryimage\",\"url\":\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/043-block-editor-toolbar.jpg\",\"contentUrl\":\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/043-block-editor-toolbar.jpg\",\"width\":1280,\"height\":720,\"caption\":\"The WordPress Block Editor - Toolbar\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wptrainingmanual.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress Block Editor Toolbar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wptrainingmanual.com\/#website\",\"url\":\"https:\/\/wptrainingmanual.com\/\",\"name\":\"WPTrainingManual.com\",\"description\":\"WordPress Training Manual\",\"publisher\":{\"@id\":\"https:\/\/wptrainingmanual.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wptrainingmanual.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/wptrainingmanual.com\/#organization\",\"name\":\"WPTrainingManual.com\",\"url\":\"https:\/\/wptrainingmanual.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wptrainingmanual.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2019\/10\/WPTMLogo300DPI.png\",\"contentUrl\":\"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2019\/10\/WPTMLogo300DPI.png\",\"width\":559,\"height\":65,\"caption\":\"WPTrainingManual.com\"},\"image\":{\"@id\":\"https:\/\/wptrainingmanual.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/wptraining\",\"https:\/\/x.com\/wptrain\",\"https:\/\/www.linkedin.com\/in\/wptraining\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/wptrainingmanual.com\/#\/schema\/person\/00f2fc1ecf36a4fd1861f6744e9f17cc\",\"name\":\"WordPress Tutorials\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wptrainingmanual.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a1927207a85c38b508587e97574ef0c78249b67b2deaa3f0fdba58dda9de847f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a1927207a85c38b508587e97574ef0c78249b67b2deaa3f0fdba58dda9de847f?s=96&d=mm&r=g\",\"caption\":\"WordPress Tutorials\"},\"url\":\"https:\/\/wptrainingmanual.com\/author\/wordpress-tutorials\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WordPress Block Editor Toolbar - WPTrainingManual.com","description":"Learn how to use the WordPress Block Editor toolbar.","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:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/","og_locale":"en_US","og_type":"article","og_title":"WordPress Block Editor Toolbar - WPTrainingManual.com","og_description":"Learn how to use the WordPress Block Editor toolbar.","og_url":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/","og_site_name":"WPTrainingManual.com","article_publisher":"https:\/\/www.facebook.com\/wptraining","article_published_time":"2020-06-10T13:33:26+00:00","article_modified_time":"2024-07-05T09:07:35+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/043-block-editor-toolbar.jpg","type":"image\/jpeg"}],"author":"WordPress Tutorials","twitter_card":"summary_large_image","twitter_creator":"@wptrain","twitter_site":"@wptrain","twitter_misc":{"Written by":"WordPress Tutorials","Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#article","isPartOf":{"@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/"},"author":{"name":"WordPress Tutorials","@id":"https:\/\/wptrainingmanual.com\/#\/schema\/person\/00f2fc1ecf36a4fd1861f6744e9f17cc"},"headline":"WordPress Block Editor Toolbar","datePublished":"2020-06-10T13:33:26+00:00","dateModified":"2024-07-05T09:07:35+00:00","mainEntityOfPage":{"@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/"},"wordCount":1757,"publisher":{"@id":"https:\/\/wptrainingmanual.com\/#organization"},"image":{"@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#primaryimage"},"thumbnailUrl":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/043-block-editor-toolbar.jpg","keywords":["Block Editor","Gutenberg","Tools"],"articleSection":["WordPress Tutorials"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/","url":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/","name":"WordPress Block Editor Toolbar - WPTrainingManual.com","isPartOf":{"@id":"https:\/\/wptrainingmanual.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#primaryimage"},"image":{"@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#primaryimage"},"thumbnailUrl":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/043-block-editor-toolbar.jpg","datePublished":"2020-06-10T13:33:26+00:00","dateModified":"2024-07-05T09:07:35+00:00","description":"Learn how to use the WordPress Block Editor toolbar.","breadcrumb":{"@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#primaryimage","url":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/043-block-editor-toolbar.jpg","contentUrl":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/043-block-editor-toolbar.jpg","width":1280,"height":720,"caption":"The WordPress Block Editor - Toolbar"},{"@type":"BreadcrumbList","@id":"https:\/\/wptrainingmanual.com\/wordpress-tutorials\/block-editor-toolbar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wptrainingmanual.com\/"},{"@type":"ListItem","position":2,"name":"WordPress Block Editor Toolbar"}]},{"@type":"WebSite","@id":"https:\/\/wptrainingmanual.com\/#website","url":"https:\/\/wptrainingmanual.com\/","name":"WPTrainingManual.com","description":"WordPress Training Manual","publisher":{"@id":"https:\/\/wptrainingmanual.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wptrainingmanual.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wptrainingmanual.com\/#organization","name":"WPTrainingManual.com","url":"https:\/\/wptrainingmanual.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wptrainingmanual.com\/#\/schema\/logo\/image\/","url":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2019\/10\/WPTMLogo300DPI.png","contentUrl":"https:\/\/wptrainingmanual.com\/wp-content\/uploads\/2019\/10\/WPTMLogo300DPI.png","width":559,"height":65,"caption":"WPTrainingManual.com"},"image":{"@id":"https:\/\/wptrainingmanual.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/wptraining","https:\/\/x.com\/wptrain","https:\/\/www.linkedin.com\/in\/wptraining\/"]},{"@type":"Person","@id":"https:\/\/wptrainingmanual.com\/#\/schema\/person\/00f2fc1ecf36a4fd1861f6744e9f17cc","name":"WordPress Tutorials","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wptrainingmanual.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a1927207a85c38b508587e97574ef0c78249b67b2deaa3f0fdba58dda9de847f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a1927207a85c38b508587e97574ef0c78249b67b2deaa3f0fdba58dda9de847f?s=96&d=mm&r=g","caption":"WordPress Tutorials"},"url":"https:\/\/wptrainingmanual.com\/author\/wordpress-tutorials\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/043-block-editor-toolbar.jpg",1280,720,false],"thumbnail":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/043-block-editor-toolbar-150x150-1.jpg",150,150,true],"medium":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/043-block-editor-toolbar-300x169-1.jpg",300,169,true],"medium_large":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/043-block-editor-toolbar-768x432-1.jpg",768,432,true],"large":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/043-block-editor-toolbar-1024x576-1.jpg",1024,576,true],"1536x1536":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/043-block-editor-toolbar.jpg",1280,720,false],"2048x2048":["https:\/\/wptrainingmanual.com\/wp-content\/uploads\/043-block-editor-toolbar.jpg",1280,720,false]},"uagb_author_info":{"display_name":"WordPress Tutorials","author_link":"https:\/\/wptrainingmanual.com\/author\/wordpress-tutorials\/"},"uagb_comment_info":0,"uagb_excerpt":"Learn how to use the WordPress Block Editor toolbar.","_links":{"self":[{"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/posts\/78993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/users\/78"}],"replies":[{"embeddable":true,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/comments?post=78993"}],"version-history":[{"count":1,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/posts\/78993\/revisions"}],"predecessor-version":[{"id":96299,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/posts\/78993\/revisions\/96299"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/media\/79142"}],"wp:attachment":[{"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/media?parent=78993"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/categories?post=78993"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wptrainingmanual.com\/wp-json\/wp\/v2\/tags?post=78993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}