{"id":138,"date":"2023-10-20T10:07:43","date_gmt":"2023-10-20T14:07:43","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=138"},"modified":"2024-09-18T20:31:35","modified_gmt":"2024-09-19T00:31:35","slug":"block-editor-workspace","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-1-editing-essentials\/block-editor-workspace\/","title":{"rendered":"Block Editor Workspace"},"content":{"rendered":"\n
\n
\n\n
\n
\n
\n

\n Block Editor Workspace\n <\/h1>\n \n \n \n\n\n

Module 1.3 \u2013 Getting Started: Editing Essentials: Block Editor Workspace<\/p>\n\n\n\n <\/header>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n\n\n\n

\n

\n Table of Contents\n <\/h2>\n
\n
\n \n
\n
\n \n 1.\n <\/span>\n\n \n Step-By-Step\n <\/a>\n <\/div>\n\n <\/div>\n \n
\n
\n \n 2.\n <\/span>\n\n \n Video Tutorial\n <\/a>\n <\/div>\n\n <\/div>\n \n
\n
\n \n 3.\n <\/span>\n\n \n Try it Out!\n <\/a>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n\n\n

The block editor workspace is the area where you create content for your website’s pages and posts. It offers a variety of blocks that you can use to design and add information.<\/p>\n\n\n\n

Remember, blocks are the fundamental elements that you use to create content layouts. Have a look at this page to review how blocks work<\/a>.<\/p>\n\n\n\n

You can customize this area to suit how you best work. This lesson will give you an overview of the three sections of the block editor workspace: the top toolbar, sidebar, and content area.<\/p>\n\n\n\n

Step-By-Step<\/h2>\n\n\n\n

1.<\/strong> Launch the Block Editor<\/p>\n\n\n\n

To launch the block editor, click on Pages<\/strong> > Add New<\/strong>.<\/p>\n\n\n\n

\"All<\/figure>\n\n\n\n

2. <\/strong>Choose your Work View<\/p>\n\n\n\n

By default, the editor opens in fullscreen mode. I prefer to work with the lefthand navigation bar showing. This may be your preference if you are familiar with our ccms and the classic WordPress Editor. <\/p>\n\n\n\n

To change the setting, click on the three dots at the top right of your screen. Click Fullscreen mode<\/strong> to toggle off and on. Experiment with the different modes under View<\/strong> to find what works best for you.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The block editor workspace has three main areas: the top toolbar, sidebar, and content area.<\/p>\n\n\n\n

3.<\/strong> Top Toolbar<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Toolbar options (from left to right) include:<\/p>\n\n\n\n

    \n
  1. Block Inserter<\/strong>: Add blocks or patterns to your page.<\/li>\n\n\n\n
  2. Tools<\/strong>: Switch between editing a block and selecting a block.<\/li>\n\n\n\n
  3. Undo <\/strong>and Redo<\/strong>: Undo or redo an action.<\/li>\n\n\n\n
  4. View Page: Get a page preview.<\/li>\n\n\n\n
  5. Publish<\/strong> or Update<\/strong> your page.<\/li>\n\n\n\n
  6. Show or hide page and block settings.<\/li>\n\n\n\n
  7. Choose your workspace view.<\/li>\n<\/ol>\n\n\n\n

    4. <\/strong>Sidebar<\/p>\n\n\n\n

    The right-hand sidebar allows you to switch between<\/p>\n\n\n\n

      \n
    1. Page<\/strong> and<\/li>\n\n\n\n
    2. Block<\/strong> <\/li>\n<\/ol>\n\n\n\n

      Here, select specific options for each.<\/p>\n\n\n\n

      \"Sidebar\"<\/figure>\n\n\n\n

      5. <\/strong>Content Area<\/p>\n\n\n\n

      The content area is where you will add content blocks in order to create your pages.<\/p>\n\n\n\n

      \"Content<\/figure>\n\n\n\n

      We will go into all of these areas in great detail throughout this training. <\/p>\n\n\n\n

      Video Tutorial<\/h2>\n\n\n\n