{"id":306,"date":"2023-08-13T22:28:41","date_gmt":"2023-08-13T22:28:41","guid":{"rendered":"https:\/\/unewhavendh.org\/openlab-help\/?p=306"},"modified":"2023-09-16T09:14:54","modified_gmt":"2023-09-16T09:14:54","slug":"working-with-blocks","status":"publish","type":"post","link":"https:\/\/unewhavendh.org\/openlab-help\/working-with-blocks\/","title":{"rendered":"Working with blocks"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">What are blocks?<\/h3>\n\n\n\n<p>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 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<h3 class=\"wp-block-heading\">Where do I find blocks?<\/h3>\n\n\n\n<p>You will use blocks when creating or editing a post or page, in the&nbsp;<a href=\"https:\/\/openlab.citytech.cuny.edu\/blog\/help\/what-is-the-site-dashboard\/\">Dashboard<\/a>&nbsp;of your site.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Intro to the Block Editor screencast<\/h3>\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;<a href=\"https:\/\/openlab.citytech.cuny.edu\/blog\/help\/making-your-work-accessible\/\">add alt text<\/a>,&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<h4 class=\"wp-block-heading\">Additional blocks: Advanced Gutenberg plugin<\/h4>\n\n\n\n<p>The&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/advanced-gutenberg\/\">Advanced Gutenberg<\/a>&nbsp;plugin adds many additional blocks when activated on your site. These include accordions, tabs, different types of lists, and many more.<\/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>black + icon<\/strong>&nbsp;on the right side of any empty block.<\/p>\n\n\n\n<p>2. Click the&nbsp;<strong>blue + icon<\/strong>&nbsp;in the upper left corner of the editor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"389\" src=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks1-2-1024x389.png\" alt=\"\" class=\"wp-image-308\" srcset=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks1-2-1024x389.png 1024w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks1-2-300x114.png 300w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks1-2-768x292.png 768w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks1-2.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>3. Press the&nbsp;<strong>Enter\/Return key<\/strong>&nbsp;from a selected block to create a new block below it. The new block will be a paragraph block by default, but you can change this.<\/p>\n\n\n\n<p>4. Click the&nbsp;<strong>black + icon<\/strong>&nbsp;at the top center of an existing block to add a block above it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"527\" src=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks3-1024x527.png\" alt=\"\" class=\"wp-image-309\" srcset=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks3-1024x527.png 1024w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks3-300x155.png 300w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks3-768x396.png 768w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks3.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>5. Click the three dots just above a selected block and choose to add a block above or below the current block.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"724\" src=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks4-1024x724.png\" alt=\"\" class=\"wp-image-310\" srcset=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks4-1024x724.png 1024w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks4-300x212.png 300w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks4-768x543.png 768w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks4.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The default block type is a paragraph\u2014which you\u2019ll use for writing text\u2014but you can choose a different block type from any of the + buttons. You can also search blocks by typing a forward slash followed by the block name\u2014for example: \u201c\/image\u201d or \u201c\/heading.\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"781\" height=\"584\" src=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks5.gif\" alt=\"\" class=\"wp-image-311\"\/><\/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 loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"452\" src=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks6_V2-1024x452.png\" alt=\"\" class=\"wp-image-312\" srcset=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks6_V2-1024x452.png 1024w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks6_V2-300x133.png 300w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks6_V2-768x339.png 768w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks6_V2.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/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. To find them, click on a block and you will see a toolbar appear at the top of the block. There are also more settings in the sidebar on the right side.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Examples of Block Toolbars for different block types<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">Paragraph block<\/h5>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"567\" src=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks7-1024x567.png\" alt=\"\" class=\"wp-image-313\" srcset=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks7-1024x567.png 1024w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks7-300x166.png 300w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks7-768x425.png 768w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks7.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Image block<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"573\" src=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks8-1024x573.png\" alt=\"\" class=\"wp-image-314\" srcset=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks8-1024x573.png 1024w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks8-300x168.png 300w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks8-768x429.png 768w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks8.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Block Toolbar: More options menu (3 dot menu)<\/h3>\n\n\n\n<p>Click the&nbsp;<strong>three dots icon<\/strong>&nbsp;on the far right side of the block toolbar for more options.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Hide Block Settings<\/strong>&nbsp;closes the Sidebar settings menus.<\/li><li><strong>Duplicate<\/strong>&nbsp;creates a second block on the same page with the same content.<\/li><li><strong>Insert Before\/After<\/strong>&nbsp;adds a new block before or after the active block.<\/li><li><strong>Edit as HTML<\/strong>&nbsp;switches the block to HTML rather than the visual editor so you can edit the HTML directly.&nbsp;<\/li><li><strong>Add to Reusable Blocks<\/strong>&nbsp;allows you to create a block that can be used on other posts or pages with the same content and styling of the active block.&nbsp;<\/li><li><strong>Remove Block<\/strong>&nbsp;deletes the active block from your post or page.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"739\" src=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks9-1024x739.png\" alt=\"\" class=\"wp-image-315\" srcset=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks9-1024x739.png 1024w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks9-300x217.png 300w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks9-768x554.png 768w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks9.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Block Settings: Sidebar<\/h3>\n\n\n\n<p>The Block settings in the right sidebar provides different options based on the type of block you\u2019re using (i.e. paragraph vs. image, etc).<\/p>\n\n\n\n<p>In the screenshot below, the active block is a Paragraph block, so the options include changing the font size, font and background color, as well as advanced options.<\/p>\n\n\n\n<p>If you don\u2019t see the Block settings on the right of your editor, click the&nbsp;<strong>Settings gear 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-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"452\" src=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks6_V2-2-1024x452.png\" alt=\"\" class=\"wp-image-316\" srcset=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks6_V2-2-1024x452.png 1024w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks6_V2-2-300x133.png 300w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks6_V2-2-768x339.png 768w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks6_V2-2.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/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>&nbsp;on the right side of the block toolbar to access the More options menu. At the bottom of that menu, you\u2019ll see the option to&nbsp;<strong>Remove Block<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"763\" src=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks11-1024x763.png\" alt=\"\" class=\"wp-image-317\" srcset=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks11-1024x763.png 1024w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks11-300x224.png 300w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks11-768x572.png 768w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks11.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\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 first icon in the block toolbar, and choose the type you\u2019d like to transform to.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"563\" src=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks12-1024x563.png\" alt=\"\" class=\"wp-image-318\" srcset=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks12-1024x563.png 1024w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks12-300x165.png 300w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks12-768x422.png 768w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks12.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Reusable blocks<\/h3>\n\n\n\n<p>Reusable blocks and 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 extremely helpful if you tend to use the same content and\/or formatting in multiple places.<\/p>\n\n\n\n<p>To create a reusable block, select the block you want to save, click the&nbsp;<strong>three dots icon<\/strong>&nbsp;in the block toolbar, and click&nbsp;<strong>Add to Reusable Blocks<\/strong>.&nbsp;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"763\" src=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks13-1024x763.png\" alt=\"\" class=\"wp-image-319\" srcset=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks13-1024x763.png 1024w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks13-300x224.png 300w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks13-768x572.png 768w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks13.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>To use a reusable block, add a block as usual, and in the block library, you\u2019ll see a section for Reusable Blocks, where you can find all blocks you\u2019ve saved.&nbsp;&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Block navigation<\/h2>\n\n\n\n<p>Block navigation 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 page, and easily jump to a block you\u2019d like to work on.<\/p>\n\n\n\n<p>To access the block navigation tool, click on the icon with three horizontal lines in the top toolbar. It is the left-most icon in this toolbar.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"658\" src=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks14-1024x658.png\" alt=\"\" class=\"wp-image-320\" srcset=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks14-1024x658.png 1024w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks14-300x193.png 300w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks14-768x493.png 768w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks14.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The block navigation is especially useful for selecting hard to reach blocks, such as an individual block inside a group block.<\/p>\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;or&nbsp;<strong>Tab<\/strong>&nbsp;to toggle between the two kinds of 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<ul class=\"wp-block-list\"><li>Status &amp; Visibility<\/li><li>Document Revisions<\/li><li>Permalink<\/li><li>Categories<\/li><li>Tags<\/li><li>Featured Image<\/li><li>Excerpt<\/li><li>Discussion<\/li><li>Page Attributes<\/li><li>Publish<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"556\" src=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks15-1024x556.png\" alt=\"\" class=\"wp-image-321\" srcset=\"https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks15-1024x556.png 1024w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks15-300x163.png 300w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks15-768x417.png 768w, https:\/\/unewhavendh.org\/openlab-help\/files\/2023\/08\/WorkingWithBlocks15.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Credits:<\/strong><\/p>\n\n\n\n<p>This article is adapted from<a href=\"https:\/\/openlab.citytech.cuny.edu\/blog\/help\/openlab-help\/\">\u00a0City Tech OpenLab Help<\/a>, under a<a href=\"http:\/\/creativecommons.org\/licenses\/by-nc-sa\/3.0\/\">\u00a0CC BY-NC-SA license<\/a>.<\/p>\n\n\n\n<p>Parts of this page were remixed from&nbsp;<a href=\"https:\/\/wordpress.com\/support\/wordpress-editor\/\">WordPress Editor: Working With Blocks<\/a>, by WordPress.com and&nbsp;<a href=\"https:\/\/wordpress.org\/support\/article\/blocks\/\">Blocks<\/a>, by WordPress.org, licensed under a Creative Commons&nbsp;<a href=\"https:\/\/creativecommons.org\/licenses\/by-nc-sa\/4.0\/\">Attribution-NonCommercial-ShareAlike 4.0 International<\/a>&nbsp;license.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What are 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":190,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[19],"tags":[],"class_list":["post-306","post","type-post","status-publish","format-standard","hentry","category-wordpress-basics"],"_links":{"self":[{"href":"https:\/\/unewhavendh.org\/openlab-help\/wp-json\/wp\/v2\/posts\/306","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unewhavendh.org\/openlab-help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unewhavendh.org\/openlab-help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unewhavendh.org\/openlab-help\/wp-json\/wp\/v2\/users\/190"}],"replies":[{"embeddable":true,"href":"https:\/\/unewhavendh.org\/openlab-help\/wp-json\/wp\/v2\/comments?post=306"}],"version-history":[{"count":2,"href":"https:\/\/unewhavendh.org\/openlab-help\/wp-json\/wp\/v2\/posts\/306\/revisions"}],"predecessor-version":[{"id":418,"href":"https:\/\/unewhavendh.org\/openlab-help\/wp-json\/wp\/v2\/posts\/306\/revisions\/418"}],"wp:attachment":[{"href":"https:\/\/unewhavendh.org\/openlab-help\/wp-json\/wp\/v2\/media?parent=306"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unewhavendh.org\/openlab-help\/wp-json\/wp\/v2\/categories?post=306"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unewhavendh.org\/openlab-help\/wp-json\/wp\/v2\/tags?post=306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}