{"id":176,"date":"2023-09-27T06:12:26","date_gmt":"2023-09-27T06:12:26","guid":{"rendered":"https:\/\/docs.codevibrant.com\/azure\/?p=176"},"modified":"2024-10-06T09:58:07","modified_gmt":"2024-10-06T09:58:07","slug":"how-to-access-and-configure-menu-in-azure-themes","status":"publish","type":"post","link":"https:\/\/docs.codevibrant.com\/azure\/how-to-access-and-configure-menu-in-azure-themes\/","title":{"rendered":"How to Access and Configure Menu in Azure Themes?"},"content":{"rendered":"\n<p>Menus are very <strong>important navigational tool<\/strong> in your website. Proper configure is another important and integral factor while customizing your website.<\/p>\n\n\n\n<p>There are two different ways that you can access and configure your <strong>Menu<\/strong> settings:<\/p>\n\n\n\n<ol style=\"list-style-type:1\" class=\"wp-block-list\">\n<li>Configuration of Menus using WordPress Admin Dashboard<\/li>\n\n\n\n<li>Configuration of Menu using Theme Customizer<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Configure Menus using WordPress Admin Dashboard<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"979\" height=\"447\" src=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-29.png\" alt=\"Menu Setting from WordPress Dashboard\" class=\"wp-image-177\" srcset=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-29.png 979w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-29-300x137.png 300w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-29-768x351.png 768w\" sizes=\"auto, (max-width: 979px) 100vw, 979px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In order to customize your Menu from WordPress dashboard, go to WordPress Dashboard, then <strong>Appearance&gt;&gt;Menu<\/strong><\/li>\n\n\n\n<li>Under the Edit Menu tab, click on <strong>Create a New Menu.<\/strong><\/li>\n\n\n\n<li>Add your desired menu name in the <strong>Input field<\/strong><\/li>\n\n\n\n<li>You\u2019ll have various <strong>locations<\/strong> where you can display your menu, click on one of them<\/li>\n\n\n\n<li>Click on <strong>Save Menu <\/strong>to save your changes.<\/li>\n<\/ul>\n\n\n\n<p>Following the instructions will add Menu in your desired location of your site via WordPress Dashboard itself.<\/p>\n\n\n\n<p>But, if you want to <strong>Configure or Add your Menu via Theme Customizer<\/strong>, here is what you should do.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Video Guide<\/h2>\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=\"Azure Complete Walkthrough\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/-BAtD90lTGg?start=2714&#038;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><figcaption class=\"wp-element-caption\"><em>Starts from the relative timing.<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Configure Menu Settings Using Theme Customizer<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First open your WordPress Dashboard, and go to <strong>Appearance&gt;&gt;Customize.<\/strong><\/li>\n\n\n\n<li>Select the <strong>Menu<\/strong> option, below the <strong>Innerpage settings<\/strong> in the customizer to open up <strong>the Menu setting interface<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"476\" src=\"http:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Menu-2-1024x476.jpg\" alt=\"Menu from Theme Customizer\" class=\"wp-image-178\" style=\"width:794px;height:369px\" srcset=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Menu-2-1024x476.jpg 1024w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Menu-2-300x140.jpg 300w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Menu-2-768x357.jpg 768w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Menu-2.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on <strong>Create New Menu <\/strong>button<\/li>\n\n\n\n<li>Enter your desired Menu name in the <strong>Menu Name Input field.<\/strong><\/li>\n\n\n\n<li>Set a location for that Menu to either <strong>Top Header, Primary, and Footer<\/strong><\/li>\n\n\n\n<li>Then Click <strong>Next <\/strong>and <strong>Add Items <\/strong>to start adding your links to your new menu.<\/li>\n\n\n\n<li>You can choose from array of options for your new menu which are: <strong>Custom Links, Pages, Posts, Landing Pages, Categories and Tags.<\/strong><\/li>\n\n\n\n<li>Click on your preferred options and fill out the necessary information or click on the \u2018<strong>+<\/strong>\u2019 in that panel to add in the menu<\/li>\n\n\n\n<li>Publish and live your changes by clicking on the <strong>Publish <\/strong>button on the top of the customizer.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Menus are very important navigational tool in your website. Proper configure is another important and integral factor while customizing your website. There are two different ways that you can access and configure your Menu settings: Configure Menus using WordPress Admin Dashboard Following the instructions will add Menu in your desired location of your site via [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-176","post","type-post","status-publish","format-standard","hentry","category-menu-settings"],"_links":{"self":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/176","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/comments?post=176"}],"version-history":[{"count":4,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/176\/revisions"}],"predecessor-version":[{"id":429,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/176\/revisions\/429"}],"wp:attachment":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/media?parent=176"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/categories?post=176"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/tags?post=176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}