How to view the block editor editing screen

nejavo

If you read this article, you will not only learn the basic operations of the block editor, but also know when to choose which blocks to use, which will help you create your own website. Also, in the second half of the article, we will introduce ``free plugins that can increase the number of blocks,'' so please read to the end. Here you go! table of contents [ close ] Basic usage of block editor  3 basic block operations and +α trivia Create and publish a page using the block editor 26 blocks that can be used to create a company website 5 types of text blocks 7 types of media blocks 7 types of design blocks 4 types of widget blocks 2 types of embedded blocks Other blocks Introducing a free plugin that can increase blocks VK Blocks Snow Monkey Blocks summary For those considering establishing a homepage Basic usage of block editor First, we will explain the basic usage of the block editor. Let's take a look at the sequence of steps from creating a page using the block editor to publishing it on the web.


The operating environment is as follows. WordPress : 6.2 Theme : Twenty list of phone numbers Twenty-Three (default theme) Please note that the screen operations may differ slightly depending on the WordPress version, as well as the theme and plugins used. The themes and plugins are explained in the following articles. Related article 5 carefully selected recommended WordPress themes! This is the company homepage Related article [For corporate websites] 10 recommended WordPress plugins How to view the block editor editing screen First, let's know how to read the block editor's editing screen. First, from the WordPress main navigation (left sidebar), click " Page > Add new ". Fixed page > New addition Then, the block editor editing screen for the fixed page will open. Here, we will explain the roles of buttons, areas, etc. that you should at least know about. Explanation of the block editor editing screen number item explanation 1 + They are installed in two places, ``top left of the screen'' and ``center of the screen,'' and are used when adding blocks. 2 Page editing area Add blocks here and create a page. 3 Block settings sidebar (settings column) Used to configure various settings for the selected block. Setting items change depending on the selected block. Four Save draft Used when saving a page as a draft.



Five preview Used when previewing a page. 6 Release Used when publishing pages on the web. 7 setting Used to show/hide the block settings sidebar. 8 option Used to switch the display mode of the block editor and the type of editor. 3 basic block operations and +α trivia Next, we will explain three basic operations of blocks. Basic block operations Add block Block toolbar operations Working with the block settings sidebar I'll also explain " List View " as an extra piece of trivia that you should know . Add block Blocks can be added from the top left or from the "+" button in the page editing area . Click "+" The following is the screen when you click "+" in the upper left (1), and all blocks are displayed. Block selection In addition, blocks are divided into categories such as "text" and "media".