{"id":2103,"date":"2024-05-28T14:04:04","date_gmt":"2024-05-28T21:04:04","guid":{"rendered":"https:\/\/www.hmc.edu\/communications\/?page_id=2103"},"modified":"2025-05-16T08:07:10","modified_gmt":"2025-05-16T15:07:10","slug":"inserting-blocks","status":"publish","type":"page","link":"https:\/\/www.hmc.edu\/communications\/wordpress-how-tos\/inserting-blocks\/","title":{"rendered":"WordPress: Inserting Blocks"},"content":{"rendered":"\n<p>All content you insert into a page is one of a type of &#8220;block.&#8221; This paragraph you are reading is a block of the type paragraph.<\/p>\n\n\n\n<p>This is a separate paragraph and therefore a separate block. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">This is a Heading Block<\/h2>\n\n\n\n<p>Followed by yet another paragraph block. <\/p>\n\n\n\n<span class=\"wp-block-mudd-button\"><a href=\"https:\/\/www.hmc.edu\/\"><span>A Button Block<\/span><\/a><\/span>\n\n\n\n<p>Even the image below this paragraph block is a block:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"450\" src=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/768x450.png\" alt=\"Placeholder image\" class=\"wp-image-2089\" srcset=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/768x450.png 768w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/768x450-300x176.png 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption class=\"wp-element-caption\">This image along with this caption is contained within a block.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"inserting\">Inserting Blocks<\/h2>\n\n\n\n<p>When you start on a blank page, you will see this placeholder text where the first block will be placed:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full border\"><img loading=\"lazy\" decoding=\"async\" width=\"1294\" height=\"422\" src=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/blank-page.png\" alt=\"\" class=\"wp-image-2104\" srcset=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/blank-page.png 1294w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/blank-page-300x98.png 300w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/blank-page-1024x334.png 1024w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/blank-page-768x250.png 768w\" sizes=\"auto, (max-width: 1294px) 100vw, 1294px\" \/><\/figure>\n\n\n\n<p>If you click on this placeholder and start typing, it will default to a paragraph block. Pressing return while typing will end that paragraph block and start a new one, once again showing you the placeholder text of &#8220;Type \/ to chose a block&#8221;.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Choosing a Different Block Type<\/h2>\n\n\n\n<p>If you want a block type other than a paragraph (e.g. heading, image, button or other special feature), either:<\/p>\n\n\n\n<p>1. Click the placeholder text and, as it says, type a forward slash. A list of available blocks will pop up. Select the desired block type.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"727\" src=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/forward-slash-choose-1-1024x727.png\" alt=\"\" class=\"wp-image-2111\" srcset=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/forward-slash-choose-1-1024x727.png 1024w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/forward-slash-choose-1-300x213.png 300w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/forward-slash-choose-1-768x545.png 768w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/forward-slash-choose-1.png 1274w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>2. Select the &#8220;+&#8221; button to the right of the block placeholder text and select from the pop-up.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full border\"><img loading=\"lazy\" decoding=\"async\" width=\"1852\" height=\"1110\" src=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/inserter-button-1.png\" alt=\"\" class=\"wp-image-2112\" srcset=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/inserter-button-1.png 1852w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/inserter-button-1-300x180.png 300w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/inserter-button-1-1024x614.png 1024w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/inserter-button-1-768x460.png 768w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/inserter-button-1-1536x921.png 1536w\" sizes=\"auto, (max-width: 1852px) 100vw, 1852px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Changing a Block&#8217;s Type<\/h2>\n\n\n\n<p>A block&#8217;s type can be changed easily. In the example below, a paragraph is changed to a heading.<\/p>\n\n\n\n<p>1. Make sure the block is selected. In the toolbar above the block, click the left most icon (in this case the paragraph icon)<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized border\"><img loading=\"lazy\" decoding=\"async\" width=\"1180\" height=\"586\" src=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/select-block-to-change.png\" alt=\"\" class=\"wp-image-2113\" style=\"width:806px;height:auto\" srcset=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/select-block-to-change.png 1180w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/select-block-to-change-300x149.png 300w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/select-block-to-change-1024x509.png 1024w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/select-block-to-change-768x381.png 768w\" sizes=\"auto, (max-width: 1180px) 100vw, 1180px\" \/><\/figure>\n\n\n\n<p>2. Select the block type you wish to transform to (note: the type of blocks available will depend on the original block type. E.g. you won&#8217;t be able to transform a paragraph block to an image block).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized border\"><img loading=\"lazy\" decoding=\"async\" width=\"1248\" height=\"984\" src=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/choose-type.png\" alt=\"\" class=\"wp-image-2114\" style=\"width:806px;height:auto\" srcset=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/choose-type.png 1248w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/choose-type-300x237.png 300w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/choose-type-1024x807.png 1024w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/choose-type-768x606.png 768w\" sizes=\"auto, (max-width: 1248px) 100vw, 1248px\" \/><\/figure>\n\n\n\n<p>The paragraph has been transformed into a heading.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full border\"><img loading=\"lazy\" decoding=\"async\" width=\"1214\" height=\"582\" src=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/changed-to-heading.png\" alt=\"\" class=\"wp-image-2115\" srcset=\"https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/changed-to-heading.png 1214w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/changed-to-heading-300x144.png 300w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/changed-to-heading-1024x491.png 1024w, https:\/\/www.hmc.edu\/communications\/wp-content\/uploads\/sites\/19\/2024\/05\/changed-to-heading-768x368.png 768w\" sizes=\"auto, (max-width: 1214px) 100vw, 1214px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>All content you insert into a page is one of a type of &#8220;block.&#8221; This paragraph you are reading is [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":995,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2103","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hmc.edu\/communications\/wp-json\/wp\/v2\/pages\/2103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hmc.edu\/communications\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hmc.edu\/communications\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hmc.edu\/communications\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hmc.edu\/communications\/wp-json\/wp\/v2\/comments?post=2103"}],"version-history":[{"count":5,"href":"https:\/\/www.hmc.edu\/communications\/wp-json\/wp\/v2\/pages\/2103\/revisions"}],"predecessor-version":[{"id":2381,"href":"https:\/\/www.hmc.edu\/communications\/wp-json\/wp\/v2\/pages\/2103\/revisions\/2381"}],"up":[{"embeddable":true,"href":"https:\/\/www.hmc.edu\/communications\/wp-json\/wp\/v2\/pages\/995"}],"wp:attachment":[{"href":"https:\/\/www.hmc.edu\/communications\/wp-json\/wp\/v2\/media?parent=2103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}