{"id":207,"date":"2020-05-17T23:37:25","date_gmt":"2020-05-17T23:37:25","guid":{"rendered":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/blocks\/"},"modified":"2022-08-30T08:49:02","modified_gmt":"2022-08-30T12:49:02","slug":"blocks","status":"publish","type":"page","link":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/products\/nc-state-stories\/blocks\/","title":{"rendered":"Blocks"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Adding Blocks<\/h2>\n\n\n\n<p>There are several ways to add blocks to a web page. The option you choose to use to add a block will likely differ based upon where you&#8217;re trying to add a block and the type of work that you&#8217;re doing.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The Consistent Option<\/h3>\n\n\n\n<p>The easiest and most consistent way to add a block is to go to the &#8220;Add Block&#8221; button in the upper left-hand corner. When this option is used, it will add the selected block to the bottom of the post\/page. This is the most consistent option because the &#8220;Add Block&#8221; button is always displayed in this location.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2456\" height=\"1556\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/add-block-consistent.gif\" alt=\"\" class=\"wp-image-757\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">The Precise Option<\/h3>\n\n\n\n<p>This option lets you choose exactly where you&#8217;d like to add a new block. To use this approach you will want to go to the location between two existing blocks where you&#8217;d like to insert a new block. You should then see an &#8220;Add Block&#8221; button appear when you hover your mouse pointer between the two blocks. Clicking &#8220;Add Block&#8221; in this scenario will insert the new block in that precise location.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2470\" height=\"1694\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/add-block-precise.gif\" alt=\"\" class=\"wp-image-758\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">The Power User Option<\/h3>\n\n\n\n<p>This slightly more hidden option allows you to add a new block without having to use your mouse. You can press &#8220;Enter\/Return&#8221; at the end of existing block, and Gutenberg will automatically drop you down into a new paragraph block. Instead of typing a paragraph, simply type a forward slash (\/) and you will be presented with a list of blocks. Continue typing to filter down to the block you want and then press enter.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2470\" height=\"1694\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/add-block-power.gif\" alt=\"\" class=\"wp-image-761\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Moving Blocks<\/h2>\n\n\n\n<p>A block can be easily moved up and down a page. To do so, hover over the block you would like to move, and then use the controls (the up\/down arrows or the grab-and-drag button in between the two arrows) that appear on the block&#8217;s left-hand side.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2470\" height=\"1694\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/move-block.gif\" alt=\"\" class=\"wp-image-762\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Deleting Blocks<\/h2>\n\n\n\n<p>A block can be deleted by hovering over the block and clicking on the &#8220;More Options&#8221; icon that appears at the top of the block. A &#8220;Remove Block&#8221; option should then appear.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2470\" height=\"1694\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/remove-block.gif\" alt=\"\" class=\"wp-image-763\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Need help?<\/h2>\n\n\n\n<p>Have questions? Feel free to reach out with any questions or concerns at\u00a0<a href=\"http:\/\/go.ncsu.edu\/ucomm-dev-request\">go.ncsu.edu\/ucomm-dev-request<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":37,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ncst_dynamicHeaderBlockName":"ncst\/default-header","ncst_dynamicHeaderData":"{\"pageIntro\":\"Blocks are used to provide the basic structure of a posts's content. Blocks allow you to add many different content types and easily organize content within your post.\"}","ncst_content_audit_freq":"","ncst_content_audit_date":"","footnotes":"","_links_to":"","_links_to_target":""},"acf":[],"_links":{"self":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/207"}],"collection":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/comments?post=207"}],"version-history":[{"count":2,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/207\/revisions"}],"predecessor-version":[{"id":2928,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/207\/revisions\/2928"}],"up":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/37"}],"wp:attachment":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}