{"id":3812,"date":"2023-12-01T22:26:49","date_gmt":"2023-12-01T21:26:49","guid":{"rendered":"https:\/\/www.buildawebs.com\/?p=3812"},"modified":"2023-12-01T22:26:52","modified_gmt":"2023-12-01T21:26:52","slug":"add-a-navigation-menu-in-wordpress","status":"publish","type":"post","link":"https:\/\/www.buildawebs.com\/add-a-navigation-menu-in-wordpress\/","title":{"rendered":"Add a Navigation Menu in WordPress"},"content":{"rendered":"\n<p>Learn how to add a Navigation Menu in WordPress in this WordPress tutorial for beginners <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is a Navigation Menu in WordPress?<\/h2>\n\n\n\n<p>A Navigation Menu is a selection of links which direct users to sections on a website. Typically, these links are displayed in the form of a horizontal bar at the top of each page within a WordPress website. On a Navigation Menu you may find pages such as Home, About, Contact and Services as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-drop-downs-to-a-Navigation-Menu-in-WordPress-1024x481.png\" alt=\"\" class=\"wp-image-3931\" title=\"\" srcset=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-drop-downs-to-a-Navigation-Menu-in-WordPress-1024x481.png 1024w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-drop-downs-to-a-Navigation-Menu-in-WordPress-300x141.png 300w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-drop-downs-to-a-Navigation-Menu-in-WordPress-768x361.png 768w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-drop-downs-to-a-Navigation-Menu-in-WordPress.png 1026w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\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=\"How To Add a Navigation Menu In WordPress | WordPress Tutorial For Beginners\" width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/GmqNRDV8eCY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">Add a Navigation Menu in WordPress<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"add-a-menu\"><a href=\"#add-a-menu\" data-type=\"internal\" data-id=\"#add-a-menu\">How to add a Navigation Menu in WordPress<\/a><\/h2>\n\n\n\n<p>In order to display links to other sections on a website in an attractive and organised way, it is essential to add a Navigation Menu in WordPress. Follow the below steps to do just that.<\/p>\n\n\n\n<ul>\n<li>Log in to WordPress<\/li>\n\n\n\n<li>Click on &#8220;Appearance&#8221; on the sidebar and then click on &#8220;Menus&#8221;. If you cannot see &#8220;Menus&#8221;, it is probably because the Theme on your website has Full Site Editing (FTE) enabled &#8211; we will cover FTE in a future tutorial. <\/li>\n\n\n\n<li>Give the Menu a name by entering a &#8220;Menu Name&#8221;. We will call it Main Menu. <\/li>\n\n\n\n<li>Choose a &#8220;Display location&#8221;, e.g. Primary Menu. These can vary depending on what Theme you have active on a website, but essentially show where a Menu will be displayed on your WordPress website<\/li>\n\n\n\n<li>Click on &#8220;Create Menu&#8221; and you will add a Navigation Menu in to WordPress<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"517\" src=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-a-Navigation-Menu-in-WordPress-1024x517.png\" alt=\"\" class=\"wp-image-3920\" title=\"\" srcset=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-a-Navigation-Menu-in-WordPress-1024x517.png 1024w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-a-Navigation-Menu-in-WordPress-300x151.png 300w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-a-Navigation-Menu-in-WordPress-768x387.png 768w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-a-Navigation-Menu-in-WordPress-1536x775.png 1536w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-a-Navigation-Menu-in-WordPress-2048x1033.png 2048w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-a-Navigation-Menu-in-WordPress-1320x666.png 1320w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Once you have added a Navigation Menu in WordPress, it is possible to add more Navigation Menus in WordPress by following the below steps<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to add more Navigation Menus in WordPress<\/h2>\n\n\n\n<p>If you want to add additional Navigation Menus, follow the below steps<\/p>\n\n\n\n<ul>\n<li>Make sure you are logged in to WordPress<\/li>\n\n\n\n<li>Click on &#8220;Appearance&#8221; on the sidebar and then click on &#8220;Menus&#8221;. If you cannot see &#8220;Menus&#8221;, it is probably because the Theme on your website has Full Site Editing (FTE) enabled &#8211; we will cover FTE in a future tutorial.<\/li>\n\n\n\n<li>Click on &#8220;Create a new menu&#8221; at the top of the Menus page. <\/li>\n\n\n\n<li>Give the Menu a name by entering a &#8220;Menu Name&#8221;. We will call it Footer Menu. <\/li>\n\n\n\n<li>Choose a &#8220;Display location&#8221;, e.g. Footer Menu. These can vary depending on what Theme you have active on a website, but essentially show where a Menu will be displayed on your WordPress website<\/li>\n\n\n\n<li>Click &#8220;Create Menu&#8221; and the additional menu will be added. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-more-Navigation-Menus-in-WordPress-1024x523.png\" alt=\"\" class=\"wp-image-3921\" title=\"\" srcset=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-more-Navigation-Menus-in-WordPress-1024x523.png 1024w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-more-Navigation-Menus-in-WordPress-300x153.png 300w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-more-Navigation-Menus-in-WordPress-768x392.png 768w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-more-Navigation-Menus-in-WordPress-1536x784.png 1536w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-more-Navigation-Menus-in-WordPress-2048x1045.png 2048w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-more-Navigation-Menus-in-WordPress-1320x674.png 1320w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"choose-a-menu-in-wordpress\"><a href=\"#choose-a-menu-in-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\">How to choose a Menu in WordPress<\/a> <\/h3>\n\n\n\n<p>Follow the below steps to choose from multiple WordPress Menus<\/p>\n\n\n\n<ul>\n<li>Make sure you are logged in to WordPress<\/li>\n\n\n\n<li>Click on &#8220;Appearance&#8221; on the sidebar and then click on &#8220;Menus&#8221;. If you cannot see &#8220;Menus&#8221;, it is probably because the Theme on your website has Full Site Editing (FTE) enabled &#8211; we will cover FTE in a future tutorial.<\/li>\n\n\n\n<li>You will need to have created multiple menus <\/li>\n\n\n\n<li>Use the dropdown to select a Menu in WordPress<\/li>\n\n\n\n<li>Click &#8220;Select&#8221; and the menu will be displayed. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"527\" src=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-choose-a-menu-in-WordPress--1024x527.png\" alt=\"\" class=\"wp-image-3922\" title=\"\" srcset=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-choose-a-menu-in-WordPress--1024x527.png 1024w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-choose-a-menu-in-WordPress--300x154.png 300w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-choose-a-menu-in-WordPress--768x395.png 768w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-choose-a-menu-in-WordPress--1536x790.png 1536w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-choose-a-menu-in-WordPress--2048x1054.png 2048w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-choose-a-menu-in-WordPress--1320x679.png 1320w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">How to Delete a Menu in WordPress<\/h3>\n\n\n\n<p>Follow the below steps to delete WordPress Menus <\/p>\n\n\n\n<ul>\n<li>Make sure you are logged in to WordPress<\/li>\n\n\n\n<li>Click on &#8220;Appearance&#8221; on the sidebar and then click on &#8220;Menus&#8221;. If you cannot see &#8220;Menus&#8221;, it is probably because the Theme on your website has Full Site Editing (FTE) enabled &#8211; we will cover FTE in a future tutorial.<\/li>\n\n\n\n<li><a href=\"#choose-a-menu-in-wordpress\" data-type=\"internal\" data-id=\"#choose-a-menu-in-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\">Choose a menu<\/a> you have created already or <a href=\"#add-a-menu\" data-type=\"internal\" data-id=\"#add-a-menu\">create a menu from scratch here<\/a><\/li>\n\n\n\n<li>Click &#8220;Delete Menu&#8221; and the WordPress Menu will be deleted<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"add-a-page-to-a-wordpress-menu\">How to <a href=\"#add-a-page-to-a-wordpress-menu\" target=\"_blank\" data-type=\"internal\" data-id=\"#add-a-page-to-a-wordpress-menu\" rel=\"noreferrer noopener\">add a Page to a WordPress Navigation Menu<\/a><\/h3>\n\n\n\n<p>Once you know how to add a Navigation Menu in WordPress, you may want to add pages to the menu. Follow the below steps to add a Page to a WordPress Navigation Menu<\/p>\n\n\n\n<ul>\n<li>Make sure you are logged in to WordPress<\/li>\n\n\n\n<li>Click on &#8220;Appearance&#8221; on the sidebar and then click on &#8220;Menus&#8221;. If you cannot see &#8220;Menus&#8221;, it is probably because the Theme on your website has Full Site Editing (FTE) enabled &#8211; we will cover FTE in a future tutorial. <\/li>\n\n\n\n<li><a href=\"#choose-a-menu-in-wordpress\" target=\"_blank\" data-type=\"internal\" data-id=\"#choose-a-menu-in-wordpress\" rel=\"noreferrer noopener\">Choose a menu<\/a> you have created already or <a href=\"#add-a-menu\" data-type=\"internal\" data-id=\"#add-a-menu\">create a menu from scratch here<\/a><\/li>\n\n\n\n<li>Click on &#8220;View All&#8221; under &#8220;Pages&#8221; once you have chosen\/created a menu<\/li>\n\n\n\n<li>Select the Pages you want to add to the Navigation Menu. E.g. Home, About, Service and Contact. If you want to add all pages to the WordPress Menu, click &#8220;Select All&#8221;. <\/li>\n\n\n\n<li>Click &#8220;Add to menu&#8221; and the pages that have been selected will be added to the WordPress Menu. <\/li>\n\n\n\n<li>Click \u201cSave Menu\u201d to save the changes to the Navigation Menu.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"544\" src=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-a-Page-to-a-WordPress-Navigation-Menu-1024x544.png\" alt=\"\" class=\"wp-image-3925\" title=\"\" srcset=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-a-Page-to-a-WordPress-Navigation-Menu-1024x544.png 1024w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-a-Page-to-a-WordPress-Navigation-Menu-300x159.png 300w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-a-Page-to-a-WordPress-Navigation-Menu-768x408.png 768w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-a-Page-to-a-WordPress-Navigation-Menu-1536x816.png 1536w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-a-Page-to-a-WordPress-Navigation-Menu-2048x1088.png 2048w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-a-Page-to-a-WordPress-Navigation-Menu-1320x701.png 1320w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">How to rearrange a Menu in WordPress<\/h3>\n\n\n\n<p>If you want to change the order of Menu Items such as Pages, follow the below steps. Menu Items such as Pages will display in order of how they appear in the Menu Structure. If the Home page is first on the list, it will display as the first item on a horizontal or vertical menu. <\/p>\n\n\n\n<ul>\n<li>Make sure you are logged in to WordPress<\/li>\n\n\n\n<li>Click on &#8220;Appearance&#8221; on the sidebar and then click on &#8220;Menus&#8221;. If you cannot see &#8220;Menus&#8221;, it is probably because the Theme on your website has Full Site Editing (FTE) enabled &#8211; we will cover FTE in a future tutorial.<\/li>\n\n\n\n<li><a href=\"#choose-a-menu-in-wordpress\" data-type=\"internal\" data-id=\"#choose-a-menu-in-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\">Choose a menu<\/a> you have created already or <a href=\"#add-a-menu\" data-type=\"internal\" data-id=\"#add-a-menu\">create a menu from scratch here<\/a><\/li>\n\n\n\n<li>Click on the Page\/Menu Item you want to rearrange, then drag and drop it above\/below another Page\/Menu Item to move position on the Menu<\/li>\n\n\n\n<li>Once you have the Pages\/Menu Items where you want them, click &#8220;Save Menu&#8221;. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"581\" src=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-rearrange-a-Menu-in-WordPress-1024x581.png\" alt=\"\" class=\"wp-image-3926\" title=\"\" srcset=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-rearrange-a-Menu-in-WordPress-1024x581.png 1024w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-rearrange-a-Menu-in-WordPress-300x170.png 300w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-rearrange-a-Menu-in-WordPress-768x436.png 768w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-rearrange-a-Menu-in-WordPress-1536x871.png 1536w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-rearrange-a-Menu-in-WordPress-2048x1161.png 2048w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-rearrange-a-Menu-in-WordPress-1320x749.png 1320w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">How to add drop downs to a Navigation Menu in WordPress<\/h3>\n\n\n\n<p>If you would like to add drop downs to a menu in WordPress, follow the below steps <\/p>\n\n\n\n<ul>\n<li>Make sure you are logged in to WordPress<\/li>\n\n\n\n<li>Click on &#8220;Appearance&#8221; on the sidebar and then click on &#8220;Menus&#8221;. If you cannot see &#8220;Menus&#8221;, it is probably because the Theme on your website has Full Site Editing (FTE) enabled &#8211; we will cover FTE in a future tutorial.<\/li>\n\n\n\n<li><a href=\"#choose-a-menu-in-wordpress\" data-type=\"internal\" data-id=\"#choose-a-menu-in-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\">Choose a menu<\/a> you have created already or <a href=\"#add-a-menu\" data-type=\"internal\" data-id=\"#add-a-menu\">create a menu from scratch here<\/a><\/li>\n\n\n\n<li>Make sure you have created the Pages you want as drop downs and then <a href=\"#add-a-page-to-a-wordpress-menu\" data-type=\"internal\" data-id=\"#add-a-page-to-a-wordpress-menu\" target=\"_blank\" rel=\"noreferrer noopener\">add the pages to the menu<\/a><\/li>\n\n\n\n<li>Select the Page\/Menu Item you want to be a drop down and then drag it to the right to indent it. The drop down should be indented like Graphic Design, Web Design and Web Development shown below. <\/li>\n\n\n\n<li>Click &#8220;Save Menu&#8221; to save the drop downs to the Menu<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"584\" src=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/Add-drop-downs-to-a-Navigation-Menu-in-WordPress-1024x584.png\" alt=\"\" class=\"wp-image-3930\" title=\"\" srcset=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/Add-drop-downs-to-a-Navigation-Menu-in-WordPress-1024x584.png 1024w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/Add-drop-downs-to-a-Navigation-Menu-in-WordPress-300x171.png 300w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/Add-drop-downs-to-a-Navigation-Menu-in-WordPress-768x438.png 768w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/Add-drop-downs-to-a-Navigation-Menu-in-WordPress-1536x876.png 1536w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/Add-drop-downs-to-a-Navigation-Menu-in-WordPress-2048x1168.png 2048w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/Add-drop-downs-to-a-Navigation-Menu-in-WordPress-1320x753.png 1320w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This is how the menu will look when you add drop downs to a Navigation Menu in WordPress<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-drop-downs-to-a-Navigation-Menu-in-WordPress-1024x481.png\" alt=\"\" class=\"wp-image-3931\" title=\"\" srcset=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-drop-downs-to-a-Navigation-Menu-in-WordPress-1024x481.png 1024w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-drop-downs-to-a-Navigation-Menu-in-WordPress-300x141.png 300w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-drop-downs-to-a-Navigation-Menu-in-WordPress-768x361.png 768w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-drop-downs-to-a-Navigation-Menu-in-WordPress.png 1026w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">How to Edit\/Delete a WordPress Menu Item<\/h3>\n\n\n\n<p>Sometimes you may want to make a change to a WordPress Page\/Menu Item. You may also want to edit or delete a Page\/Menu Item, follow the below steps to do so. <\/p>\n\n\n\n<ul>\n<li>Make sure you are logged in to WordPress<\/li>\n\n\n\n<li>Click on &#8220;Appearance&#8221; on the sidebar and then click on &#8220;Menus&#8221;. If you cannot see &#8220;Menus&#8221;, it is probably because the Theme on your website has Full Site Editing (FTE) enabled &#8211; we will cover FTE in a future tutorial.<\/li>\n\n\n\n<li><a href=\"#choose-a-menu-in-wordpress\" data-type=\"internal\" data-id=\"#choose-a-menu-in-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\">Choose a menu<\/a> you have created already or <a href=\"#add-a-menu\" data-type=\"internal\" data-id=\"#add-a-menu\">create a menu from scratch here<\/a><\/li>\n\n\n\n<li>Click on the downwards arrow on the Menu Item you want to edit\/delete<\/li>\n\n\n\n<li>If you want to change what the Menu Item is called, enter the name in the &#8220;Navigation Label&#8221;. You can also change the position by choosing the options next to &#8220;Move&#8221;. <\/li>\n\n\n\n<li>Click &#8220;Remove&#8221; to delete a Menu Item. <\/li>\n\n\n\n<li>Click &#8220;Save Menu&#8221; to save the changes to the Navigation Menu. <\/li>\n<\/ul>\n\n\n\n<p><strong>We will delete all drop downs by following the above steps. <\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"582\" src=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-EditDelete-a-WordPress-Menu-Item-1024x582.png\" alt=\"\" class=\"wp-image-3933\" title=\"\" srcset=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-EditDelete-a-WordPress-Menu-Item-1024x582.png 1024w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-EditDelete-a-WordPress-Menu-Item-300x171.png 300w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-EditDelete-a-WordPress-Menu-Item-768x437.png 768w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-EditDelete-a-WordPress-Menu-Item-1536x874.png 1536w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-EditDelete-a-WordPress-Menu-Item-2048x1165.png 2048w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-EditDelete-a-WordPress-Menu-Item-1320x751.png 1320w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">How to add Categories to a WordPress Navigation Menu<\/h3>\n\n\n\n<p>You may want to display Post Categories to a WordPress Menu, to do that follow the below steps <\/p>\n\n\n\n<ul>\n<li>Make sure you are logged in to WordPress<\/li>\n\n\n\n<li>Click on &#8220;Appearance&#8221; on the sidebar and then click on &#8220;Menus&#8221;. If you cannot see &#8220;Menus&#8221;, it is probably because the Theme on your website has Full Site Editing (FTE) enabled &#8211; we will cover FTE in a future tutorial.<\/li>\n\n\n\n<li><a href=\"#choose-a-menu-in-wordpress\" data-type=\"internal\" data-id=\"#choose-a-menu-in-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\">Choose a menu<\/a> you have created already or <a href=\"#add-a-menu\" data-type=\"internal\" data-id=\"#add-a-menu\">create a menu from scratch here<\/a><\/li>\n\n\n\n<li>Click on &#8220;Categories&#8221; once you have chosen\/created a menu<\/li>\n\n\n\n<li>Click on &#8220;View All&#8221; under &#8220;Categories&#8221;<\/li>\n\n\n\n<li>Select which Categories you want to add to the Navigation Menu. If you want to add all Categories to the WordPress Menu, click &#8220;Select All&#8221;. <\/li>\n\n\n\n<li>Click &#8220;Add to menu&#8221; and the Categories will be added to the WordPress Menu. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"580\" src=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-Categories-to-a-WordPress-Navigation-Menu-1024x580.png\" alt=\"\" class=\"wp-image-3934\" title=\"\" srcset=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-Categories-to-a-WordPress-Navigation-Menu-1024x580.png 1024w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-Categories-to-a-WordPress-Navigation-Menu-300x170.png 300w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-Categories-to-a-WordPress-Navigation-Menu-768x435.png 768w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-Categories-to-a-WordPress-Navigation-Menu-1536x870.png 1536w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-Categories-to-a-WordPress-Navigation-Menu-2048x1161.png 2048w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-Categories-to-a-WordPress-Navigation-Menu-1320x748.png 1320w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul>\n<li>After adding the Categories to the menu, it is possible to rearrange the items by dragging and dropping them. <\/li>\n\n\n\n<li>It is also possible to add the Categories as drop downs. To select the Category as a drop down, drag the Category to the right to indent it. <\/li>\n\n\n\n<li>Once you have the Categories where you want them, click &#8220;Save Menu&#8221; to save your changes.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"582\" src=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/Add-Categories-to-a-WordPress-Navigation-Menu-1024x582.png\" alt=\"\" class=\"wp-image-3935\" title=\"\" srcset=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/Add-Categories-to-a-WordPress-Navigation-Menu-1024x582.png 1024w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/Add-Categories-to-a-WordPress-Navigation-Menu-300x171.png 300w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/Add-Categories-to-a-WordPress-Navigation-Menu-768x437.png 768w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/Add-Categories-to-a-WordPress-Navigation-Menu-1536x874.png 1536w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/Add-Categories-to-a-WordPress-Navigation-Menu-2048x1165.png 2048w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/Add-Categories-to-a-WordPress-Navigation-Menu-1320x751.png 1320w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">How to add Custom Links to a WordPress Navigation Menu<\/h3>\n\n\n\n<p>You may want to add a link to a WordPress Menu that sends visitors to a page on your website or to another website. We will add a link to Twitter\/X. <\/p>\n\n\n\n<ul>\n<li>Make sure you are logged in to WordPress<\/li>\n\n\n\n<li>Click on &#8220;Appearance&#8221; on the sidebar and then click on &#8220;Menus&#8221;. If you cannot see &#8220;Menus&#8221;, it is probably because your website has Full Site Editing (FTE) enabled &#8211; we will cover FTE in a future tutorial. <\/li>\n\n\n\n<li><a href=\"#choose-a-menu-in-wordpress\" data-type=\"internal\" data-id=\"#choose-a-menu-in-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\">Choose a menu<\/a> you have created already or <a href=\"#add-a-menu\" data-type=\"internal\" data-id=\"#add-a-menu\">create a menu from scratch here<\/a><\/li>\n\n\n\n<li>Click on &#8220;Custom Links&#8221; once you have chosen\/created a menu<\/li>\n\n\n\n<li>Enter a &#8220;URL&#8221; and &#8220;Link Text&#8221; of the page you want to Navigate to. We will add &#8220;<a href=\"https:\/\/twitter.com\/buildawebs\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">https:\/\/twitter.com\/buildawebs<\/a>&#8221; in the &#8220;URL&#8221; and &#8220;Twitter\/X&#8221; in &#8220;Link Text&#8221;. <\/li>\n\n\n\n<li>Click on &#8220;Add to Menu&#8221; to add the Custom Link to the WordPress Menu. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"579\" src=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-Custom-Links-to-a-WordPress-Navigation-Menu-1024x579.png\" alt=\"\" class=\"wp-image-3938\" title=\"\" srcset=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-Custom-Links-to-a-WordPress-Navigation-Menu-1024x579.png 1024w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-Custom-Links-to-a-WordPress-Navigation-Menu-300x169.png 300w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-Custom-Links-to-a-WordPress-Navigation-Menu-768x434.png 768w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-Custom-Links-to-a-WordPress-Navigation-Menu-1536x868.png 1536w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-Custom-Links-to-a-WordPress-Navigation-Menu-2048x1157.png 2048w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-Custom-Links-to-a-WordPress-Navigation-Menu-1320x746.png 1320w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul>\n<li>After adding the Custom Links to the menu, it is possible to rearrange the items by dragging and dropping them. <\/li>\n\n\n\n<li>Once you have the Menu Items where you want them, click &#8220;Save Menu&#8221; to save the WordPress Menu.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"additional-wordpress-menu\"><a href=\"#additional-wordpress-menu\" data-type=\"internal\" data-id=\"#additional-wordpress-menu\">How to add a Navigation Menu to the Sidebar in WordPress<\/a><\/h2>\n\n\n\n<p>To add a Navigation Menu to the Sidebar in WordPress you need to have first of all created the Navigation Menu with Menu items such as Pages. You can then follow the below steps if your Theme has Widgets. <\/p>\n\n\n\n<ul>\n<li>Make sure you are logged in to WordPress<\/li>\n\n\n\n<li>Before adding a Menu to the sidebar, you need to have <a href=\"#add-a-menu\" target=\"_blank\" data-type=\"internal\" data-id=\"#add-a-menu\" rel=\"noreferrer noopener\">created the menu<\/a> and <a href=\"#add-a-page-to-a-wordpress-menu\" target=\"_blank\" rel=\"noreferrer noopener\">added Pages<\/a> etc to the Menu<\/li>\n\n\n\n<li>Go to &#8220;Appearance&#8221; on the sidebar and then click &#8220;Widgets&#8221;. You will see all of the Widgets available for the Theme you are using, Widgets available can vary from one Theme to the next. If you cannot see &#8220;Widgets&#8221;, it is probably because the Theme on your website has Full Site Editing (FTE) enabled &#8211; we will cover FTE in a future tutorial.<\/li>\n\n\n\n<li>Click on the downwards arrow next to the Widget you want to add a Navigation Menu to. We will choose &#8220;Main Sidebar&#8221;. <\/li>\n\n\n\n<li>Click on + to add a block to the Widget<\/li>\n\n\n\n<li>Search for menu <\/li>\n\n\n\n<li>Click on &#8220;Navigation Menu&#8221; <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-add-a-Navigation-Menu-to-the-Sidebar-in-WordPress-1024x582.png\" alt=\"\" class=\"wp-image-3940\" title=\"\"><\/figure>\n\n\n\n<ul>\n<li>Add a &#8220;Title&#8221; and choose a menu by clicking on &#8220;Select Menu&#8221;. <\/li>\n\n\n\n<li>If you want to preview the menu, click outside of the block<\/li>\n\n\n\n<li>Click on &#8220;Update&#8221; to make the changes live on the website<\/li>\n<\/ul>\n\n\n\n<p>You may need to turn on the Sidebar in the Theme Settings to make the Sidebar Menu visible to website visitors. In quite a lot of Themes, it is possible to turn on the Sidebar in the WordPress Customizer. It is possible to go to the WordPress Customizer by clicking on &#8220;Appearance&#8221; and then &#8220;Customize&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"581\" src=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/Add-a-Menu-to-the-Sidebar-in-WordPress-1024x581.png\" alt=\"\" class=\"wp-image-3942\" title=\"\" srcset=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/Add-a-Menu-to-the-Sidebar-in-WordPress-1024x581.png 1024w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/Add-a-Menu-to-the-Sidebar-in-WordPress-300x170.png 300w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/Add-a-Menu-to-the-Sidebar-in-WordPress-768x436.png 768w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/Add-a-Menu-to-the-Sidebar-in-WordPress-1536x871.png 1536w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/Add-a-Menu-to-the-Sidebar-in-WordPress-2048x1162.png 2048w, https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/Add-a-Menu-to-the-Sidebar-in-WordPress-1320x749.png 1320w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">How to add a Navigation Menu to the Footer in WordPress<\/h2>\n\n\n\n<p>To add a Navigation Menu to the Footer in WordPress you need to have first of all created the Navigation Menu with Menu items such as Pages. You can then follow the below steps if your Theme has Widgets. <\/p>\n\n\n\n<ul>\n<li>Make sure you are logged in to WordPress<\/li>\n\n\n\n<li>Go to &#8220;Appearance&#8221; on the sidebar and then click &#8220;Widgets&#8221;. You will see all of the Widgets available for the Theme you are using, Widgets available can vary from one Theme to the next. IIf you cannot see &#8220;Widgets&#8221;, it is probably because the Theme on your website has Full Site Editing (FTE) enabled &#8211; we will cover FTE in a future tutorial.<\/li>\n\n\n\n<li>Click on the downwards arrow next to the Widget you want to add a Navigation Menu to. We will choose &#8220;Footer Bar Section 1&#8221;. <\/li>\n\n\n\n<li>Click on + to add a block to the Widget<\/li>\n\n\n\n<li>Search for &#8220;menu&#8221; and click on &#8220;Navigation Menu&#8221;<\/li>\n\n\n\n<li>&#8220;Add a Title&#8221; and choose a menu by clicking on &#8220;Select Menu&#8221;. <\/li>\n\n\n\n<li>If you want to preview the menu, click outside of the Navigation Menu block<\/li>\n\n\n\n<li>Click on &#8220;Update&#8221; to make the changes live on the website<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/www.buildawebs.com\/wp-content\/uploads\/2023\/11\/How-to-preview-a-Widget-Block-in-WordPress-1024x393.png\" alt=\"\" class=\"wp-image-3901\" title=\"\"><\/figure>\n\n\n\n<p>The footer should automatically show at the bottom of the website for some Themes. If you are using a theme with a Footer Builder (Like the Astra Theme), you may have to add the Navigation Menu to the footer inside of the WordPress Customizer. <\/p>\n\n\n\n<p>To go to the WordPress Customizer, click on &#8220;Appearance&#8221; on the sidebar and then click &#8220;Customize&#8221;. From inside the WordPress Customizer you can add the Navigation Menu to the footer and do much more. <\/p>\n\n\n\n<p>You may find that if the Theme you have active on your website doesn&#8217;t have Widgets or a WordPress Customizer, the Theme is likely to have Full Site Editing. <\/p>\n\n\n\n<p>The Full Site Editor was released in WordPress 5.9 and allows you to customize your theme by using the Block Editor. We won&#8217;t be covering the Full Site Editor in this tutorial, but we will be adding a tutorial that covers it in the future.<\/p>\n\n\n\n<p>In this tutorial you have learnt how to add a Navigation Menu in WordPress. <\/p>\n\n\n\n<p>Thank you for reading<\/p>\n\n\n\n<p>Jonathan @ Buildawebs<\/p>\n\n\n\n<p>Please check out some of our other tutorials<\/p>\n\n\n\n<ul>\n<li><a href=\"https:\/\/www.buildawebs.com\/build-an-ecommerce-website\/\" target=\"_blank\" rel=\"noreferrer noopener\">Builld an Ecommerce Website<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.buildawebs.com\/how-to-start-a-blog-website\/\" target=\"_blank\" rel=\"noreferrer noopener\">Start a Blog Website<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.buildawebs.com\/how-to-add-live-chat-to-your-wordpress-website\/\" target=\"_blank\" rel=\"noreferrer noopener\">Add Live Chat to WordPress<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Follow us on<\/h2>\n\n\n\n<ul>\n<li><a href=\"https:\/\/www.youtube.com\/channel\/UCLTxjD5pa7lWjBLkdtvN0VA\" rel=\"noreferrer noopener nofollow\" target=\"_blank\">YouTube<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.facebook.com\/buildawebs\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Facebook<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.twitter.com\/buildawebs\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Twitter\/X<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to add a Navigation Menu in WordPress in this WordPress tutorial for beginners What is a Navigation Menu in WordPress? A Navigation Menu is a selection of links which direct users to sections&#8230;<\/p>\n","protected":false},"author":1,"featured_media":3958,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[17],"tags":[249,251,252,248,250,36,34,32,35],"_links":{"self":[{"href":"https:\/\/www.buildawebs.com\/wp-json\/wp\/v2\/posts\/3812"}],"collection":[{"href":"https:\/\/www.buildawebs.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.buildawebs.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.buildawebs.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.buildawebs.com\/wp-json\/wp\/v2\/comments?post=3812"}],"version-history":[{"count":61,"href":"https:\/\/www.buildawebs.com\/wp-json\/wp\/v2\/posts\/3812\/revisions"}],"predecessor-version":[{"id":3960,"href":"https:\/\/www.buildawebs.com\/wp-json\/wp\/v2\/posts\/3812\/revisions\/3960"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.buildawebs.com\/wp-json\/wp\/v2\/media\/3958"}],"wp:attachment":[{"href":"https:\/\/www.buildawebs.com\/wp-json\/wp\/v2\/media?parent=3812"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.buildawebs.com\/wp-json\/wp\/v2\/categories?post=3812"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.buildawebs.com\/wp-json\/wp\/v2\/tags?post=3812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}