{"id":5809,"date":"2018-10-25T13:06:29","date_gmt":"2018-10-25T17:06:29","guid":{"rendered":"https:\/\/www.pair.com\/support\/kb\/?post_type=ht_kb&p=5809"},"modified":"2021-11-04T13:36:49","modified_gmt":"2021-11-04T17:36:49","slug":"gutenberg-editor-how-to-add-blocks","status":"publish","type":"ht_kb","link":"https:\/\/www.pair.com\/support\/kb\/gutenberg-editor-how-to-add-blocks\/","title":{"rendered":"Block Editor: How to Add Blocks"},"content":{"rendered":"

WP Enthusiast<\/p><\/a>

WP Professional<\/p><\/a>

WP Professional Plus<\/p><\/a>

PairSIM WordPress<\/p><\/a>

Podcast Websites<\/p><\/a><\/span><\/p>\n

Blocks are the cornerstone of the Gutenberg Block editor. They are how you will add paragraphs, images, and other content. Blocks also make it easier to edit sections and rearrange content.<\/span><\/p>\n \t\t

\r\n \t\t\t \t\t\t \t\t\t\t

\r\n \t\t\t\t\tMake sure you are using the <\/span>Gutenberg Block editor<\/span><\/a>. If you upgraded to <\/span>WordPress 5<\/span><\/a>, then your post and page editor will default to use the Gutenberg editor. If you are still using WordPress 4 (or earlier) or have the <\/span>Classic Editor<\/span><\/a> installed, then your editor will not work with this tutorial.<\/span> \t\t\t\t<\/p>\r\n \t\t\t \t\t\t\r\n \t\t<\/div>\r\n \t\t\n

How to Add Blocks<\/h3>\n

To add blocks to the Gutenberg editor, follow these steps:<\/p>\n

    \n
  1. Go to your WordPress Admin interface<\/span><\/a> and open a post or page editor<\/span><\/li>\n
  2. Click the\u00a0<\/span>plus\u00a0button in the top left corner or in the body of the post\/page\"Plus<\/a><\/span><\/li>\n
  3. Search for the content you would like to add<\/span><\/li>\n
  4. Click the content to add it\"search<\/a><\/span><\/li>\n<\/ol>\n

    The block will be added to the body of your post.<\/span><\/p>\n

    \"block<\/a><\/span><\/p>\n

    How to Edit Blocks<\/h3>\n

    Once a block has been added, you can edit it. The editable features of the block will depend on the block type. <\/span><\/p>\n

    However, for most blocks, there is a sidebar to the right of the screen that contains extra options for the block.\"sidebar<\/a> <\/span><\/p>\n

    To access the sidebar, make sure the block is selected. The sidebar will change based on what block is selected. You can select a block by clicking it in the body of the post\/page.<\/span><\/p>\n

    How to Rearrange Block Order<\/h3>\n

    One of the bonuses of using blocks is the convenience of rearranging them. Since everything is contained in blocks, they are easy to move. To move them, follow these steps:<\/span><\/p>\n

      \n
    1. Hover over the block you want to be moved<\/span><\/li>\n
    2. To the left of the block, a block and two arrows will appear\"block<\/a><\/span><\/li>\n
    3. You have two options to move: <\/span>\n