{"id":397024,"date":"2023-10-04T11:43:55","date_gmt":"2023-10-04T10:43:55","guid":{"rendered":"https:\/\/www.megamenu.com\/?post_type=ht_kb&p=397024"},"modified":"2024-04-10T13:25:03","modified_gmt":"2024-04-10T12:25:03","slug":"block","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/block\/","title":{"rendered":"Block"},"content":{"rendered":"\n

Max Mega Menu comes with a built in block. This allows easy insertion of menus into your block editor\/Gutenberg\/full site editing layouts. An example of this can be seen on our Vertical Menu<\/a> demo page.<\/p>\n\n\n\n

Step 1: Registering a new menu location<\/h3>\n\n\n\n

First we’ll need to create a new menu location specifically for use with the block.<\/p>\n\n\n\n

Under Mega Menu > Menu Locations<\/em>, create a new menu location:<\/p>\n\n\n\n

\"\"<\/a>
Creating a new menu location<\/figcaption><\/figure>\n\n\n\n

On the next page, provide a name for the new location and click ‘Add menu location’.<\/p>\n\n\n\n

\"\"<\/a>
Assigning a name and menu to the new location<\/figcaption><\/figure>\n\n\n\n

Step 2: Creating the menu<\/h3>\n\n\n\n

Use the Appearance > Menus<\/em> page to create edit your menu. All menu editing from this point on is done using this page.<\/p>\n\n\n\n

Step 3: Display the menu in a post or page<\/h3>\n\n\n\n

Use the Max Mega Menu block to display the menu location created in Step 1:<\/p>\n\n\n\n

\"\"<\/a>
Max Mega Menu block (Edit mode)<\/figcaption><\/figure>\n\n\n\n

Like any other Max Mega Menu enabled menu, you are free to restyle the menu using the Theme Editor and use all of the usual mega menu options to customize the menu.<\/p>\n\n\n\n

You can repeat the same steps to create and display multiple Mega Menus on your site.<\/p>\n","protected":false},"excerpt":{"rendered":"

Max Mega Menu comes with a built in block. This allows easy insertion of menus into your block editor\/Gutenberg\/full site editing layouts. An example of this can be seen on our Vertical Menu demo page. Step 1: Registering a new menu location First we’ll need to create a new menu…<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"open","template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"ht-kb-category":[17],"ht-kb-tag":[],"class_list":["post-397024","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-menu-output-options"],"uagb_featured_image_src":[],"uagb_author_info":{"display_name":"Tom Hemsley","author_link":"https:\/\/www.megamenu.com\/author\/megamenu\/"},"uagb_comment_info":0,"uagb_excerpt":"Max Mega Menu comes with a built in block. This allows easy insertion of menus into your block editor\/Gutenberg\/full site editing layouts. An example of this can be seen on our Vertical Menu demo page. Step 1: Registering a new menu location First we’ll need to create a new menu...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/397024","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/comments?post=397024"}],"version-history":[{"count":9,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/397024\/revisions"}],"predecessor-version":[{"id":407115,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/397024\/revisions\/407115"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=397024"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=397024"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=397024"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}