{"id":273,"date":"2024-05-05T10:00:02","date_gmt":"2024-05-05T10:00:02","guid":{"rendered":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/?p=273"},"modified":"2024-05-05T10:00:02","modified_gmt":"2024-05-05T10:00:02","slug":"working-with-blocks","status":"publish","type":"post","link":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/working-with-blocks\/","title":{"rendered":"Working with Blocks"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Working with blocks<\/h2>\n\n\n\n<p>Blocks are individual elements containing all the content you add to a <a href=\"https:\/\/openlab.sps.cuny.edu\/help-documentation\/create-a-post\/\" data-type=\"post\" data-id=\"154\">post<\/a> or <a href=\"https:\/\/openlab.sps.cuny.edu\/help-documentation\/create-pages-on-your-site\/\" data-type=\"post\" data-id=\"235\">page<\/a>. They can be easily rearranged by dragging and dropping within the editor. Blocks include text such as paragraphs, lists, headings; individual images and image galleries; embeds from YouTube, Vimeo, Soundcloud, Prezi, Twitter, and more; and visual elements such as separators and buttons. This makes it much easier to customize page layouts to create beautiful layouts without any coding.&nbsp;<\/p>\n\n\n\n<p>The following screencast from the support team at the&nbsp;<a href=\"https:\/\/openlab.citytech.cuny.edu\/\">City Tech\u2019s OpenLab<\/a>&nbsp;provides an introduction to the Block Editor:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Intro to the Block Editor\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/K8QMZd3ZLIc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Frequently used blocks<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Paragraph<\/h4>\n\n\n\n<p>Each paragraph of text is a separate block. This is the default block type, so when you finish a paragraph and press enter\/return, a new paragraph block is automatically added.<\/p>\n\n\n\n<p>The paragraph block includes all of the formatting options available in the Classic editor, plus more, including adding background colors, changing font size, adding a drop cap, and more.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Read more on WordPress.org about the&nbsp;<a href=\"https:\/\/wordpress.org\/support\/article\/paragraph-block\/\">paragraph block<\/a>&nbsp;and its formatting options.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Heading<\/h4>\n\n\n\n<p>Headings are important for readability and accessibility because they help to structure the information you present, making it easier to scan and easier to navigate with screen readers. In the Block editor, each heading is a separate block, which you can add and then choose the appropriate heading level (e.g. H1, H2, H3).<\/p>\n\n\n\n<p>Read more on WordPress.org about the&nbsp;<a href=\"https:\/\/wordpress.org\/support\/article\/heading-block\/\">heading block<\/a>&nbsp;and its formatting options.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Image<\/h4>\n\n\n\n<p>Each image is added as a separate image block. In the block settings you can&nbsp;add alt text,&nbsp; and customize your image in many ways, including resizing, changing the alignment, adding a caption, and more.<\/p>\n\n\n\n<p>Read more on WordPress.org about the&nbsp;<a href=\"https:\/\/wordpress.org\/support\/article\/image-block\/\">image block<\/a>&nbsp;and its formatting options.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Video<\/h4>\n\n\n\n<p>To embed an image from YouTube, Vimeo, or another video hosting service, you will add a Video block, click Insert from URL, and paste in the URL for the video.<\/p>\n\n\n\n<p>Read more on WordPress.org about the&nbsp;<a href=\"https:\/\/wordpress.org\/support\/article\/video-block\/\">video block<\/a>&nbsp;and its formatting options.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"addblock\">Adding a block<\/h3>\n\n\n\n<p>There are many block types to choose from, which you\u2019ll see organized by category and by most recently used when you add a block. Individual blocks often come with their own formatting settings for even greater control over layout and function.<\/p>\n\n\n\n<p>There are multiple ways to add a block and choose the block type you need.<\/p>\n\n\n\n<p>1. Click the&nbsp;<strong>blue + icon<\/strong>&nbsp;in the top toolbar in the upper left corner of the editor.<\/p>\n\n\n\n<p>2. Click the&nbsp;<strong>black + icon<\/strong>&nbsp;to the bottom right side of any empty block.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"389\" src=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/04\/WorkingWithBlocks1.png?resize=1024%2C389&#038;ssl=1\" alt=\"\" class=\"wp-image-275\" srcset=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/04\/WorkingWithBlocks1.png?resize=1024%2C389&amp;ssl=1 1024w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/04\/WorkingWithBlocks1.png?resize=300%2C114&amp;ssl=1 300w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/04\/WorkingWithBlocks1.png?resize=768%2C292&amp;ssl=1 768w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/04\/WorkingWithBlocks1.png?w=1200&amp;ssl=1 1200w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>3. Click the&nbsp;<strong>blue &#8216;+&#8217; icon<\/strong> between two existing blocks.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"334\" src=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks2.png?resize=1024%2C334&#038;ssl=1\" alt=\"\" class=\"wp-image-280\" srcset=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks2.png?resize=1024%2C334&amp;ssl=1 1024w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks2.png?resize=300%2C98&amp;ssl=1 300w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks2.png?resize=768%2C251&amp;ssl=1 768w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks2.png?resize=1536%2C502&amp;ssl=1 1536w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks2.png?resize=2048%2C669&amp;ssl=1 2048w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>4. Press the&nbsp;<strong>Enter\/Return key<\/strong>&nbsp;from a selected block to create a new paragraph block below it. To choose a different type of block, you can type a forward slash (\/) followed by the block name\u2014for example: \/image, to add an image block, as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"781\" height=\"584\" src=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/03\/WorkingWithBlocks5.gif?resize=781%2C584&#038;ssl=1\" alt=\"\" class=\"wp-image-159\" style=\"width:647px;height:auto\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Moving a block<\/h3>\n\n\n\n<p>You can use the up and down arrows in the block toolbar to move a block up or down on a post or page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"293\" src=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks3.png?resize=1024%2C293&#038;ssl=1\" alt=\"\" class=\"wp-image-281\" srcset=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks3.png?resize=1024%2C293&amp;ssl=1 1024w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks3.png?resize=300%2C86&amp;ssl=1 300w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks3.png?resize=768%2C220&amp;ssl=1 768w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks3.png?resize=1536%2C440&amp;ssl=1 1536w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks3.png?resize=2048%2C587&amp;ssl=1 2048w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Customizing a block<\/h3>\n\n\n\n<p>Each block has its own settings, which will differ depending on the type of block. To find them, click on a block and you will see a toolbar appear at the top of the editor. There are also more settings in the <a href=\"https:\/\/wordpress.org\/documentation\/article\/page-post-settings-sidebar\/\">sidebar<\/a> on the right side.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"639\" src=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks4.png?resize=1024%2C639&#038;ssl=1\" alt=\"\" class=\"wp-image-282\" srcset=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks4.png?resize=1024%2C639&amp;ssl=1 1024w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks4.png?resize=300%2C187&amp;ssl=1 300w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks4.png?resize=768%2C480&amp;ssl=1 768w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks4.png?resize=1536%2C959&amp;ssl=1 1536w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks4.png?resize=2048%2C1279&amp;ssl=1 2048w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks4.png?w=3000&amp;ssl=1 3000w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption class=\"wp-element-caption\">Example of image block settings<\/figcaption><\/figure>\n\n\n\n<p>If you don\u2019t see the Block settings on the right sidebar of the editor, click the&nbsp;<strong>sidebar icon<\/strong>&nbsp;(next to the Publish\/Update button) to expand the sidebar menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"586\" height=\"154\" src=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks6.png?resize=586%2C154&#038;ssl=1\" alt=\"\" class=\"wp-image-285\" style=\"width:285px;height:auto\" srcset=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks6.png?w=586&amp;ssl=1 586w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks6.png?resize=300%2C79&amp;ssl=1 300w\" sizes=\"auto, (max-width: 586px) 100vw, 586px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Block Toolbar: More options menu (3 dots menu)<\/h4>\n\n\n\n<p>Click the&nbsp;<strong>three dots icon<\/strong>&nbsp;on the far right side of the block toolbar for additional options for the block. <a href=\"https:\/\/wordpress.org\/documentation\/article\/more-options\/\">Learn more about this menu<\/a> on wordpress.org.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"699\" src=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks5.png?resize=1024%2C699&#038;ssl=1\" alt=\"\" class=\"wp-image-284\" style=\"width:753px;height:auto\" srcset=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks5.png?resize=1024%2C699&amp;ssl=1 1024w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks5.png?resize=300%2C205&amp;ssl=1 300w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks5.png?resize=768%2C524&amp;ssl=1 768w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks5.png?resize=1536%2C1048&amp;ssl=1 1536w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks5.png?w=1926&amp;ssl=1 1926w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Deleting a block<\/h3>\n\n\n\n<p>To delete a block, select the block and click the&nbsp;<strong>three dots icon<\/strong> to access the More options menu. At the bottom of the menu, choose&nbsp;<strong>Delete<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Changing a block to a different type<\/h3>\n\n\n\n<p>You can transform any block to another similar block type. For example, you can change a paragraph to a heading, a list, or a quote.<\/p>\n\n\n\n<p>Click the icon in the block toolbar for the active block (paragraph in the example below) and choose the block type you\u2019d like to transform it to.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"526\" src=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks7.png?resize=1024%2C526&#038;ssl=1\" alt=\"\" class=\"wp-image-288\" style=\"width:756px;height:auto\" srcset=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks7.png?resize=1024%2C526&amp;ssl=1 1024w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks7.png?resize=300%2C154&amp;ssl=1 300w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks7.png?resize=768%2C395&amp;ssl=1 768w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks7.png?resize=1536%2C789&amp;ssl=1 1536w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks7.png?w=1954&amp;ssl=1 1954w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Patterns<\/h3>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/documentation\/article\/block-pattern\/\">Patterns<\/a> are blocks that have been saved with all formatting and content to be used again on your site, even in a different post or page. These can be helpful if you tend to use the same content and\/or formatting in multiple places.<\/p>\n\n\n\n<p>To create a pattern, select the block you want to save, click the&nbsp;<strong>three dots icon<\/strong>&nbsp;in the block toolbar, and click&nbsp;<strong><strong>Create pattern<\/strong><\/strong>.&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<p>To use a pattern, add a block as usual, and in the block library, you\u2019ll see a section for patterns, where you can find all patterns you\u2019ve saved.&nbsp;&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Block list view<\/h2>\n\n\n\n<p>Block list view is a list of all the blocks you have included in your post or page. It makes it easy to see the structure of your post, and easily jump to a block you\u2019d like to work on. The block list view is especially useful for selecting hard to reach blocks, such as an individual block inside a group block, or parts of a list block.<\/p>\n\n\n\n<p>To access the block list view, click on the icon with three horizontal lines in the block toolbar. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"638\" src=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks8.png?resize=1024%2C638&#038;ssl=1\" alt=\"\" class=\"wp-image-289\" style=\"width:759px;height:auto\" srcset=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks8.png?resize=1024%2C638&amp;ssl=1 1024w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks8.png?resize=300%2C187&amp;ssl=1 300w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks8.png?resize=768%2C478&amp;ssl=1 768w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks8.png?resize=1536%2C957&amp;ssl=1 1536w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks8.png?w=1904&amp;ssl=1 1904w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Document settings: Sidebar<\/h2>\n\n\n\n<p>The&nbsp;<strong>Document settings menu<\/strong>&nbsp;in the right sidebar is where you can add categories and tags, choose a featured image, see and change the status of your post, and more. These are options that apply to the entire post or page, rather than an individual block. You can find these settings in the same place as the Block settings. They\u2019re in a different tab, so click&nbsp;<strong>Document<\/strong>&nbsp;to access the document settings.<\/p>\n\n\n\n<p>Click the down arrow next to each header in Document settings to edit the specific options.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"733\" src=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks9.png?resize=1024%2C733&#038;ssl=1\" alt=\"\" class=\"wp-image-290\" srcset=\"https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks9.png?resize=1024%2C733&amp;ssl=1 1024w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks9.png?resize=300%2C215&amp;ssl=1 300w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks9.png?resize=768%2C550&amp;ssl=1 768w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks9.png?resize=1536%2C1099&amp;ssl=1 1536w, https:\/\/i0.wp.com\/openlab.sps.cuny.edu\/help-documentation\/wp-content\/uploads\/sites\/48\/2024\/05\/WorkingWithBlocks9.png?resize=2048%2C1466&amp;ssl=1 2048w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>This article is adapted from&nbsp;<a href=\"https:\/\/openlab.citytech.cuny.edu\/blog\/help\/openlab-help\/\">City Tech OpenLab Help<\/a>, under a&nbsp;<a href=\"http:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">CC BY-NC-SA license<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Working with blocks Blocks are individual elements containing all the content you add to a post or page. They can be easily rearranged by dragging and dropping within the editor. Blocks include text such as paragraphs, lists, headings; individual images and image galleries; embeds from YouTube, Vimeo, Soundcloud, Prezi, Twitter, and more; and visual elements [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[29],"tags":[],"class_list":["post-273","post","type-post","status-publish","format-standard","hentry","category-wordpress-basics"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/posts\/273","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/comments?post=273"}],"version-history":[{"count":7,"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/posts\/273\/revisions"}],"predecessor-version":[{"id":292,"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/posts\/273\/revisions\/292"}],"wp:attachment":[{"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/media?parent=273"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/categories?post=273"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.sps.cuny.edu\/help-documentation\/wp-json\/wp\/v2\/tags?post=273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}