{"id":83919,"date":"2018-01-22T10:18:56","date_gmt":"2018-01-22T15:18:56","guid":{"rendered":"https:\/\/www.templatemonster.com\/help\/?p=83919"},"modified":"2019-03-20T03:13:40","modified_gmt":"2019-03-20T07:13:40","slug":"how-to-add-navigation-menu-in-wordpress","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/how-to-add-navigation-menu-in-wordpress.html","title":{"rendered":"How to add navigation menu in WordPress"},"content":{"rendered":"<div class=\"inline-banner\">\r\n\t<a href=\"https:\/\/tracking.opienetwork.com\/aff_c?offer_id=461&aff_id=13765&aff_sub=tmhelp\" target=\"_blank\">\r\n\t\t<img src=\"https:\/\/www.templatemonster.com\/help\/wp-content\/themes\/tm_help_redesign\/images\/hostpapa.png\" \/>\r\n\t<\/a>\r\n<\/div>\r\n<p>In this tutorial, we&#8217;ll be glad to show you how to add a navigation menu to your WordPress-based website.<\/p>\r\n\r\n<p>Follow these simple steps to accomplish the desired result:<\/p>\r\n<ol>\r\n<li><p>First, you need to open your WordPress Dashboard and navigate to the <strong>Appearance -> Menus<\/strong> section.<\/p>\r\n<\/li>\r\n<li><p>If you don&#8217;t have any menus, create your first one by pressing the <strong>create a new menu<\/strong> link. Enter your menu title, for example, &#8220;Header Menu&#8221; and save it by clicking the <strong>&#8220;Create Menu&#8221;<\/strong> button.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_1.png\" alt=\"\" width=\"761\" height=\"480\" class=\"alignnone size-full wp-image-83920\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_1.png 761w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_1-150x95.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_1-300x189.png 300w\" sizes=\"(max-width: 761px) 100vw, 761px\" \/><\/a>\r\n<\/li>\r\n<li><p>In case you&#8217;d like to edit the previously created menu, make sure to choose the proper one at the header drop-down and click on a <strong>&#8216;Select&#8217;<\/strong> button next to it.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_2.png\" alt=\"\" width=\"578\" height=\"152\" class=\"alignnone size-full wp-image-83921\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_2.png 578w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_2-150x39.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_2-300x79.png 300w\" sizes=\"(max-width: 578px) 100vw, 578px\" \/><\/a>\r\n\r\n<\/li>\r\n<li><p>When you have the menu selected, feel free to start adding the menu items. If you want to add one of your site pages to the menu, choose it at the <strong>&#8216;Pages&#8217; -> &#8216;View All&#8217;<\/strong> section on the left and click on the <strong>&#8216;Add to menu&#8217;<\/strong> button below.<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_3.png\" alt=\"\" width=\"279\" height=\"350\" class=\"alignnone size-full wp-image-83922\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_3.png 279w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_3-120x150.png 120w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_3-239x300.png 239w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/><\/a>\r\n<\/li>\r\n<li><p>In the same way, you may add Portfolio posts, Categories, or External links if needed. We also recommend that you click on the &#8216;Screen Options&#8217; button at the top right and put all the checkboxes there to enhance your menu functionality (for example, it will let you add Tag archives to the menu, etc.).<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_4.png\" alt=\"\" width=\"790\" height=\"743\" class=\"alignnone size-full wp-image-83923\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_4.png 790w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_4-150x141.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_4-300x282.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_4-768x722.png 768w\" sizes=\"(max-width: 790px) 100vw, 790px\" \/><\/a>\r\n<\/li>\r\n<li><p>When you&#8217;ve added all the needed menu items, feel free to <strong>re-order<\/strong> them by dragging to the needed position (up or down). You can also drag the menu item to the right in order to use it in a <strong>sub-menu<\/strong>:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_5.png\" alt=\"\" width=\"756\" height=\"413\" class=\"alignnone size-full wp-image-83924\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_5.png 756w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_5-150x82.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_5-300x164.png 300w\" sizes=\"(max-width: 756px) 100vw, 756px\" \/><\/a>\r\n<\/li>\r\n<li><p>In order to delete the extra menu item, press it and click on the <strong>Remove<\/strong> link at the bottom left:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_6.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_6.png\" alt=\"\" width=\"758\" height=\"596\" class=\"alignnone size-full wp-image-83925\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_6.png 758w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_6-150x118.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_6-300x236.png 300w\" sizes=\"(max-width: 758px) 100vw, 758px\" \/><\/a>\r\n<\/li>\r\n<li><p>Finally, assign the menu to some of the available locations below the menu items list, in the <strong>Menu  Settings<\/strong> section (simply put the checkmark) and make sure to save your menu using the respective button either at the top or bottom right side:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_7.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_7.png\" alt=\"\" width=\"625\" height=\"713\" class=\"alignnone size-full wp-image-83926\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_7.png 625w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_7-131x150.png 131w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/01\/How_to_add_navigation_menu_in_WordPress_7-263x300.png 263w\" sizes=\"(max-width: 625px) 100vw, 625px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n\r\n<p>That&#8217;s all, we hope this instruction will help you to create a perfect menu for your website! In case any questions remain, feel free to contact us anytime! Also, you may check <a href=\"\/blog\/wordpress-navigation-menu-plugins\/\" target=\"_blank\">this article<\/a> to learn about the use of Navigation Menu Plugins in WordPress.<\/p>\r\n<p>In case you are looking for templates, that perfectly represent your business online, browse through a collection of <a href=\"https:\/\/www.templatemonster.com\/wordpress-themes.php\">WordPress Themes<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>In this tutorial, we&#8217;ll be glad to show you how to add a navigation menu to your WordPress-based website.<\/p>\n","protected":false},"author":59,"featured_media":83929,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2017,728],"tags":[571,2615],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/83919"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/59"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=83919"}],"version-history":[{"count":5,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/83919\/revisions"}],"predecessor-version":[{"id":85339,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/83919\/revisions\/85339"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/83929"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=83919"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=83919"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=83919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}