{"id":549,"date":"2018-03-19T16:24:14","date_gmt":"2018-03-19T20:24:14","guid":{"rendered":"https:\/\/new.umaine.edu\/userguide\/?page_id=549"},"modified":"2024-05-01T10:12:55","modified_gmt":"2024-05-01T14:12:55","slug":"adding-menu-content-blocks","status":"publish","type":"page","link":"https:\/\/umaine.edu\/userguide\/content-blocks\/adding-menu-content-blocks\/","title":{"rendered":"Adding Menu Content Blocks"},"content":{"rendered":"<blockquote><p><strong>2024 update: The Gutenberg editor offers pre-built patterns for adding menus to your pages, including &#8220;UM Accent Horizontal Menu&#8221; and &#8220;UM White Vertical Menu&#8221; with the stylings below.<\/strong><\/p><\/blockquote>\n<p>The Menu Content blocks is used to display menus with in your page content. To use this content block you will first need to build a menu in the appearance portion of the dashboard; you may use this <a href=\"https:\/\/umaine.edu\/userguide\/menus\/\">tutorial<\/a> to build a menu.<\/p>\n<p>Once you have the menu created, you may add the menu block to the page.\u00a0 Once you have the block and the title added, you can select what style you would like to be displayed on your front-end.<\/p>\n<p>There are 3 styles, bulleted list, Vertical white buttons, and blue horizontal.<\/p>\n<h4>Horizontal Blue Buttons<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-551 size-large aligncenter\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.11.04-PM-1024x185.png\" alt=\"Blue Horizontal Buttons\" width=\"1024\" height=\"185\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.11.04-PM-1024x185.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.11.04-PM-300x54.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.11.04-PM-768x139.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.11.04-PM-105x19.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.11.04-PM-317x57.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.11.04-PM-423x77.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.11.04-PM-634x115.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.11.04-PM-846x153.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.11.04-PM-951x172.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.11.04-PM.png 1110w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,1024px\" \/><br \/>\nVertical White Buttons<strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-553 size-large aligncenter\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.16.28-PM-1024x161.png\" alt=\"White Vertical Buttons\" width=\"1024\" height=\"161\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.16.28-PM-1024x161.png 1024w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.16.28-PM-300x47.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.16.28-PM-768x121.png 768w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.16.28-PM-105x16.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.16.28-PM-317x50.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.16.28-PM-423x66.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.16.28-PM-634x100.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.16.28-PM-846x133.png 846w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.16.28-PM-951x149.png 951w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.16.28-PM.png 1197w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,1024px\" \/><\/strong><\/h4>\n<h4>Bulleted List<\/h4>\n<p><strong><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-554 aligncenter\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.17.52-PM-300x185.png\" alt=\"Bulleted List\" width=\"300\" height=\"185\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.17.52-PM-300x185.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.17.52-PM-105x65.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.17.52-PM-317x196.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/03\/Screen-Shot-2018-03-19-at-4.17.52-PM.png 321w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,300px\" \/><\/strong><\/p>\n<p>After choosing the style you can select the menu you would like to be displayed and click save Changes.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>2024 update: The Gutenberg editor offers pre-built patterns for adding menus to your pages, including &#8220;UM Accent Horizontal Menu&#8221; and &#8220;UM White Vertical Menu&#8221; with the stylings below. The Menu Content blocks is used to display menus with in your page content. To use this content block you will first need to build a menu [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":5,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/page-withsidebar.php","meta":{"_seopress_robots_primary_cat":"","_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":""},"class_list":["post-549","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"","author_link":"https:\/\/umaine.edu\/userguide\/author\/"},"comment_info":"","_links":{"self":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/pages\/549","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/comments?post=549"}],"version-history":[{"count":6,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/pages\/549\/revisions"}],"predecessor-version":[{"id":2612,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/pages\/549\/revisions\/2612"}],"up":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/pages\/5"}],"wp:attachment":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/media?parent=549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}