{"id":62,"date":"2019-09-23T04:27:10","date_gmt":"2019-09-23T04:27:10","guid":{"rendered":"http:\/\/unewhavendh.org\/navigatingwordpress\/?page_id=62"},"modified":"2020-09-14T14:47:03","modified_gmt":"2020-09-14T14:47:03","slug":"creating-a-menu","status":"publish","type":"page","link":"https:\/\/unewhavendh.org\/navigatingwordpress\/creating-a-menu\/","title":{"rendered":"ADD MENU"},"content":{"rendered":"\n<p>Now that your pages have been added, creating a menu will aid in organizing these pages and help your users to efficiently navigate the information on your site. <strong>Head over to the dashboard<\/strong> and select <strong>Customize Your Site<\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/unewhavendh.org\/navigatingwordpress\/files\/2019\/10\/customize-site.png\" alt=\"\" class=\"wp-image-299\" width=\"330\" height=\"218\" srcset=\"https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2019\/10\/customize-site.png 363w, https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2019\/10\/customize-site-300x198.png 300w\" sizes=\"auto, (max-width: 330px) 100vw, 330px\" \/><\/figure><\/div>\n\n\n\n<p><strong>Select Menus<\/strong>, and here you will have the option to either edit your main menu or create a new menu. Your main menu usually appears at the top of your page (depending on your theme) and this is where your user usually checks first to navigate the site. Select <strong>Menus <\/strong>then <strong>Create New Menu<\/strong> (These steps are illustrated below)<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"424\" src=\"http:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/03\/menu-top-2.jpg\" alt=\"\" class=\"wp-image-852\" srcset=\"https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/03\/menu-top-2.jpg 300w, https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/03\/menu-top-2-212x300.jpg 212w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption><img loading=\"lazy\" decoding=\"async\" width=\"295\" height=\"301\" class=\"wp-image-854\" style=\"width: 250px\" src=\"http:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/03\/create-menu.jpg\" alt=\"\"><\/figcaption><\/figure><\/div>\n\n\n\n<p>After selecting create new menu, the page you will be brought to is displayed below. Add your <strong>Menu Name <\/strong>and decide on your <strong>Menu location<\/strong> whether you want this to your Primary Menu or not. The primary menu is usually located to the extreme top of your page<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"436\" src=\"http:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/03\/Image-20.png\" alt=\"\" class=\"wp-image-861\" srcset=\"https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/03\/Image-20.png 300w, https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/03\/Image-20-206x300.png 206w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure><\/div>\n\n\n\n<p> Press <strong>Next<\/strong> and then <strong>Add<\/strong> <strong>Items<\/strong>; see  in the image below <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"491\" src=\"http:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/03\/Image-23.jpg\" alt=\"\" class=\"wp-image-867\" srcset=\"https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/03\/Image-23.jpg 284w, https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/03\/Image-23-174x300.jpg 174w\" sizes=\"auto, (max-width: 284px) 100vw, 284px\" \/><\/figure><\/div>\n\n\n\n<p>The items that you will be able to add to your menu, are from pages previously made. I previously created my Circulatory system, Nervous System, Respiratory System, SYSTEMS OF THE BODY, Digestive System, Pollination, Water Cycle, Bio and Presentations page. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"440\" src=\"http:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/menu-new.jpg\" alt=\"\" class=\"wp-image-1206\" srcset=\"https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/menu-new.jpg 280w, https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/menu-new-191x300.jpg 191w\" sizes=\"auto, (max-width: 280px) 100vw, 280px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>Select the pages that you want to be added to your menu, then click <strong>Add to Menu<\/strong>. You have the option to drag and re-order the pages to change how they will be arranged on your menu. (You can delete the sample page from your menu by clicking <strong>page <\/strong>that will display a drop-down menu and then the option to <strong>remove <\/strong>this page will be displayed) <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1021\" height=\"576\" src=\"http:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/Image-6.jpg\" alt=\"\" class=\"wp-image-1208\" srcset=\"https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/Image-6.jpg 1021w, https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/Image-6-300x169.jpg 300w, https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/Image-6-768x433.jpg 768w, https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/Image-6-398x225.jpg 398w\" sizes=\"auto, (max-width: 1021px) 100vw, 1021px\" \/><\/figure><\/div>\n\n\n\n<p class=\"has-text-align-center\">When you are done, select <img loading=\"lazy\" decoding=\"async\" width=\"100\" height=\"34\" class=\"wp-image-933\" style=\"width: 100px\" src=\"http:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/03\/Image-29.png\" alt=\"\"> then <img loading=\"lazy\" decoding=\"async\" width=\"90\" height=\"32\" class=\"wp-image-934\" style=\"width: 90px\" src=\"http:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/03\/save-menu.jpg\" alt=\"\"> that appears to the right of your page.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Below is an example of how your main menu would look after adding your pages and removing the sample page. The<strong> Home<\/strong> option usually appears on your menu (might not need to create your own), but this depends on your theme. The <strong>HOME<\/strong> option sends you back to your main page. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1349\" height=\"474\" src=\"http:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/Image-20.jpg\" alt=\"\" class=\"wp-image-1224\" srcset=\"https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/Image-20.jpg 1349w, https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/Image-20-300x105.jpg 300w, https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/Image-20-1024x360.jpg 1024w, https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/Image-20-768x270.jpg 768w, https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/Image-20-398x140.jpg 398w\" sizes=\"auto, (max-width: 1349px) 100vw, 1349px\" \/><\/figure>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\"><strong>LET&#8217;S ADD A SUB MENU<\/strong><\/h2>\n\n\n\n<p>Head back over to the menu page then add the page you want to be displayed as a sub-menu to your current menu. In this case, I would like my sub-menu page to be displayed as a sub of my menu page. To do so, I will <strong>drag the sub-menu item under the MENU item<\/strong>. (see image below)<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"434\" height=\"472\" src=\"http:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/menu-line.jpg\" alt=\"\" class=\"wp-image-1212\" srcset=\"https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/menu-line.jpg 434w, https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/menu-line-276x300.jpg 276w\" sizes=\"auto, (max-width: 434px) 100vw, 434px\" \/><\/figure><\/div>\n\n\n\n<p>After adding your pages to the menu list and dragging it under the page which will it be a sub of, <strong>DRAG IT TO THE RIGHT UNTIL THE PAGE IS INDENTED<\/strong>. When it is indented, the word sub-item will appear beside the page name. (see image below) You can repeat this step to add as many sub-items as needed. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"470\" height=\"490\" src=\"http:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/menu-indent.jpg\" alt=\"\" class=\"wp-image-1213\" srcset=\"https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/menu-indent.jpg 470w, https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/menu-indent-288x300.jpg 288w\" sizes=\"auto, (max-width: 470px) 100vw, 470px\" \/><\/figure><\/div>\n\n\n\n<p class=\"has-text-align-center\">  When you are done, press <img loading=\"lazy\" decoding=\"async\" width=\"90\" height=\"32\" class=\"wp-image-934\" style=\"width: 90px\" src=\"http:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/03\/save-menu.jpg\" alt=\"\"> which appears to the right.<\/p>\n\n\n\n<p>Your drop-down\/submenu should be added.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1350\" height=\"630\" src=\"http:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/final-menu-items-3.jpg\" alt=\"\" class=\"wp-image-1222\" srcset=\"https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/final-menu-items-3.jpg 1350w, https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/final-menu-items-3-300x140.jpg 300w, https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/final-menu-items-3-1024x478.jpg 1024w, https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/final-menu-items-3-768x358.jpg 768w, https:\/\/unewhavendh.org\/navigatingwordpress\/files\/2020\/04\/final-menu-items-3-398x186.jpg 398w\" sizes=\"auto, (max-width: 1350px) 100vw, 1350px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"has-text-align-center\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Now that your pages have been added, creating a menu will aid in organizing these pages and help your users to efficiently navigate the information on your site. Head over to the dashboard and select &hellip;<\/p>\n","protected":false},"author":16,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"class_list":["post-62","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/unewhavendh.org\/navigatingwordpress\/wp-json\/wp\/v2\/pages\/62","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unewhavendh.org\/navigatingwordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/unewhavendh.org\/navigatingwordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/unewhavendh.org\/navigatingwordpress\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/unewhavendh.org\/navigatingwordpress\/wp-json\/wp\/v2\/comments?post=62"}],"version-history":[{"count":142,"href":"https:\/\/unewhavendh.org\/navigatingwordpress\/wp-json\/wp\/v2\/pages\/62\/revisions"}],"predecessor-version":[{"id":1251,"href":"https:\/\/unewhavendh.org\/navigatingwordpress\/wp-json\/wp\/v2\/pages\/62\/revisions\/1251"}],"wp:attachment":[{"href":"https:\/\/unewhavendh.org\/navigatingwordpress\/wp-json\/wp\/v2\/media?parent=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}