{"id":3310,"date":"2023-05-04T14:56:39","date_gmt":"2023-05-04T18:56:39","guid":{"rendered":"https:\/\/www.bates.edu\/wordpress\/?p=3310"},"modified":"2023-05-16T12:27:00","modified_gmt":"2023-05-16T16:27:00","slug":"block-patterns","status":"publish","type":"post","link":"https:\/\/www.bates.edu\/wordpress\/2023\/05\/04\/block-patterns\/","title":{"rendered":"Block Patterns"},"content":{"rendered":"\n

What is a Block Pattern<\/h2>\n\n\n\n

Block Patterns are a collection of predefined blocks that you can insert into pages and posts and then customize with your own content. Using a Block Pattern is an easy way to create beautiful layouts that combine different blocks to produce professional designs.<\/p>\n\n\n\n

Most of our Block Patterns at Bates are multimedia designs that use color and large spaces for images to highlight information in an eye-catching way. These Block Patterns are particularly useful for creating vibrant home or landing pages without having to do all the block nesting and content formatting yourself. <\/p>\n\n\n\n

<\/div>\n\n\n\n

How to Insert Block Patterns<\/h2>\n\n\n\n

These screenshots demonstrate how to insert patterns into a page or post.<\/p>\n\n\n\n

\"\"
Step 1: Click the blue [+] button in the upper left corner<\/em><\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n
\"\"
Step 2: Select “patterns” and click on “Bates College patterns.” Select which pattern you want to insert<\/em><\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n

Managing Your Block Patterns<\/h2>\n\n\n\n

To get a feel for the block patterns you’re using, we recommend using the Document Overview feature in WordPress. This feature will show you all of the different individual blocks that are within a block pattern, and exactly how they’re nested together. The Document Overview feature can be accessed in the top toolbar of the editor, shown here.<\/p>\n\n\n\n

\"\"
Click on the 3-line icon in the top toolbar menu<\/em> to access the Document Overview feature.<\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n
\"\"
When you’re using a Block Pattern on your page, you can now easily see every block that is in the pre-made Block Pattern, how those blocks are nested, and which options are associated with each block.<\/em><\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n

Example Block Patterns<\/h2>\n\n\n\n
\"\"
Alef (grayscale image with side quote)<\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n
\"\"
Bet (image left\/call-to-action right (for rows))<\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n
\"\"
Gimel (2 parallelogram columns)<\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n
\"\"
Dalet (3 parallelogram columns)<\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n
\"\"
Zayin (image on right, heading and description on left)<\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n
\"\"
Chet (tiles in 2 rows)<\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n
\"\"
Tet (wide image with call-to-action centered)<\/figcaption><\/figure>\n\n\n\n
<\/div>\n","protected":false},"excerpt":{"rendered":"

What is a Block Pattern Block Patterns are a collection of predefined…<\/p>\n","protected":false},"author":1255,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_hide_ai_chatbot":false,"_ai_chatbot_style":"","associated_faculty":[],"_Page_Specific_Css":"","_bates_restrict_mod":false,"_batesModPostContentOverride_prepend":false,"_batesModPostContentOverride_append":false,"_batesModPostContentOverride_append_before_footer":false,"_table_of_contents_display":false,"_table_of_contents_location":"","_table_of_contents_disableSticky":false,"_is_featured":false,"footnotes":"","_bates_seo_meta_description":"","_bates_seo_block_robots":false,"_bates_seo_sharing_image_id":0,"_bates_seo_sharing_image_twitter_id":0,"_bates_seo_share_title":"","_bates_seo_canonical_overwrite":"","_bates_seo_twitter_template":""},"categories":[1],"tags":[],"class_list":["post-3310","post","type-post","status-publish","format-standard","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/posts\/3310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/users\/1255"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/comments?post=3310"}],"version-history":[{"count":9,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/posts\/3310\/revisions"}],"predecessor-version":[{"id":3368,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/posts\/3310\/revisions\/3368"}],"wp:attachment":[{"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/media?parent=3310"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/categories?post=3310"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/tags?post=3310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}