{"id":2790,"date":"2024-07-23T10:43:00","date_gmt":"2024-07-23T14:43:00","guid":{"rendered":"https:\/\/umaine.edu\/userguide\/?p=2790"},"modified":"2024-08-15T15:16:37","modified_gmt":"2024-08-15T19:16:37","slug":"gutenberg-corner-august-patterns","status":"publish","type":"post","link":"https:\/\/umaine.edu\/userguide\/2024\/07\/23\/gutenberg-corner-august-patterns\/","title":{"rendered":"Gutenberg corner: August patterns"},"content":{"rendered":"\n<p>Our Digital teams are working with UMS:IT to publish several new patterns for our Aug. 19 website update.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2790_3dd583-f3, .wp-block-kadence-advancedheading.kt-adv-heading2790_3dd583-f3[data-kb-block=\"kb-adv-heading2790_3dd583-f3\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2790_3dd583-f3 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2790_3dd583-f3[data-kb-block=\"kb-adv-heading2790_3dd583-f3\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2790_3dd583-f3 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2790_3dd583-f3[data-kb-block=\"kb-adv-heading2790_3dd583-f3\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading2790_3dd583-f3 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2790_3dd583-f3\"><strong>New pattern category: News and Calendar<\/strong><\/h3>\n\n\n\n<p>To replace our old Article List and Event List content blocks we have a new &#8220;Post Picker&#8221; feature that works using the Shortcode block. Shortcodes are text commands surrounded by [square brackets] in the editor which WordPress dynamically renders into content based on the shortcode commands.<\/p>\n\n\n\n<p>New patterns to display news and calendar items:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>4 News Display:<\/strong>&nbsp;Will show news feed from UMaine News in a 2 x 2 grid, only displaying stories with featured images<\/li>\n\n\n\n<li><strong>6 News Display:<\/strong>&nbsp;Will show news feed from UMaine News in a 3 x 2 grid, only displaying stories with featured images<\/li>\n\n\n\n<li><strong>Small News Display:<\/strong>&nbsp;Will show news feed from UMaine News in a 4 column row, only displaying stories with featured images<\/li>\n\n\n\n<li><strong>List News Display:<\/strong>&nbsp;Will show news feed from UMaine News in a text list<\/li>\n\n\n\n<li><strong>Academic Calendar Events Display:<\/strong>&nbsp;Will show event feed from UMaine Calendar&#8217;s Academic Calendar category in a stacked list.<\/li>\n<\/ul>\n\n\n\n<p>These patterns can be used for layout purposes, reach out to the Digital team at&nbsp;<a href=\"mailto:um.weboffice@maine.edu\" target=\"_blank\" rel=\"noreferrer noopener\">um.weboffice@maine.edu<\/a>&nbsp;to change the shortcode settings to display news and calendar items from your specific website and category.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2790_2a357f-99, .wp-block-kadence-advancedheading.kt-adv-heading2790_2a357f-99[data-kb-block=\"kb-adv-heading2790_2a357f-99\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2790_2a357f-99 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2790_2a357f-99[data-kb-block=\"kb-adv-heading2790_2a357f-99\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2790_2a357f-99 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2790_2a357f-99[data-kb-block=\"kb-adv-heading2790_2a357f-99\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading2790_2a357f-99 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2790_2a357f-99\"><strong>New Pattern category: People<\/strong><\/h3>\n\n\n\n<p>As mentioned in an earlier newsletter, the People List content block does not have a Gutenberg block at this time. These patterns are provided to create a consistently formatted people listing on your pages as needed.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>People Single:<\/strong>&nbsp;A pattern that provides a space for a portrait photo with the name and contact information to its right<\/li>\n\n\n\n<li><strong>People Group:<\/strong>&nbsp;A pattern that provides two of the above people patterns in a row<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2790_9bb173-4b, .wp-block-kadence-advancedheading.kt-adv-heading2790_9bb173-4b[data-kb-block=\"kb-adv-heading2790_9bb173-4b\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2790_9bb173-4b mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2790_9bb173-4b[data-kb-block=\"kb-adv-heading2790_9bb173-4b\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2790_9bb173-4b img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2790_9bb173-4b[data-kb-block=\"kb-adv-heading2790_9bb173-4b\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading2790_9bb173-4b wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2790_9bb173-4b\"><strong>New Patterns in Header category<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Full Width Alert Banner:<\/strong>&nbsp;A full width banner to display a heading and &#8220;Learn more&#8221; button, useful for important temporary messages\/alerts.<\/li>\n\n\n\n<li><strong>Full Width UM Photo Header:<\/strong>&nbsp;A header for web pages that allows for the display of an image with a centered website\/page title heading<\/li>\n\n\n\n<li><strong>Full Width UM Photo Header with text:<\/strong>&nbsp;A header for web pages that allows for the display of an image with left-aligned website\/page title heading and smaller text underneath<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2790_e8250f-53, .wp-block-kadence-advancedheading.kt-adv-heading2790_e8250f-53[data-kb-block=\"kb-adv-heading2790_e8250f-53\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2790_e8250f-53 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2790_e8250f-53[data-kb-block=\"kb-adv-heading2790_e8250f-53\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2790_e8250f-53 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2790_e8250f-53[data-kb-block=\"kb-adv-heading2790_e8250f-53\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading2790_e8250f-53 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2790_e8250f-53\"><strong>New pattern in the Full Page Templates category<\/strong><\/h3>\n\n\n\n<p>A home page pattern has been added to the Full Page Templates category.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our Digital teams are working with UMS:IT to publish several new patterns for our Aug. 19 website update. New pattern category: News and Calendar To replace our old Article List and Event List content blocks we have a new &#8220;Post Picker&#8221; feature that works using the Shortcode block. Shortcodes are text commands surrounded by [square [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":"","spc_primary_category":0},"categories":[41,34],"tags":[],"class_list":["post-2790","post","type-post","status-publish","format-standard","hentry","category-projects-cb","category-gutenberg"],"taxonomy_info":{"category":[{"value":41,"label":"Content Blocks removal project"},{"value":34,"label":"Gutenberg"}]},"featured_image_src_large":false,"author_info":{"display_name":"kirby","author_link":"https:\/\/umaine.edu\/userguide\/author\/kirby\/"},"comment_info":"","category_info":[{"term_id":41,"name":"Content Blocks removal project","slug":"projects-cb","term_group":0,"term_taxonomy_id":41,"taxonomy":"category","description":"","parent":0,"count":16,"filter":"raw","cat_ID":41,"category_count":16,"category_description":"","cat_name":"Content Blocks removal project","category_nicename":"projects-cb","category_parent":0},{"term_id":34,"name":"Gutenberg","slug":"gutenberg","term_group":0,"term_taxonomy_id":34,"taxonomy":"category","description":"","parent":0,"count":22,"filter":"raw","cat_ID":34,"category_count":22,"category_description":"","cat_name":"Gutenberg","category_nicename":"gutenberg","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/2790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/comments?post=2790"}],"version-history":[{"count":1,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/2790\/revisions"}],"predecessor-version":[{"id":2793,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/2790\/revisions\/2793"}],"wp:attachment":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/media?parent=2790"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/categories?post=2790"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/tags?post=2790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}