{"id":44,"date":"2014-09-11T15:41:44","date_gmt":"2014-09-11T15:41:44","guid":{"rendered":"http:\/\/artsci.case.edu\/documentation\/?page_id=44"},"modified":"2016-10-17T15:39:20","modified_gmt":"2016-10-17T15:39:20","slug":"creatingediting-the-main-menu","status":"publish","type":"page","link":"https:\/\/artsci.case.edu\/documentation\/creatingediting-the-main-menu\/","title":{"rendered":"Creating\/Editing the Main Menu"},"content":{"rendered":"<div class=\"row column-group-1\"><\/p>\n<div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4\"><\/p>\n<p>The main menu is very important because it is the most commonly used way to get to a certain page.\u00a0WordPress allows for multilevel menus for extra accessibility. This means that each link in the menu (when they are clicked on) will lead to the main, or parent, page of a group of pages. However, when the user just moves their mouse over the link, more links will appear which will lead to sub pages or child pages of the parent page. This is extremely helpful to users who know exactly where they want to go, but it also helps users who only have a general idea of where they want to go on your site because they have the option to go to the parent page first.<\/p>\n<p>&nbsp;<\/p>\n<p>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-8 col-lg-8\"><\/p>\n<p><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001448\/Main-Menu1-e1446223705178.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-78 size-full\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001448\/Main-Menu1-e1446223705178.png\" alt=\"\" width=\"623\" height=\"144\" srcset=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001448\/Main-Menu1-e1446223705178.png 623w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001448\/Main-Menu1-e1446223705178-600x139.png 600w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001448\/Main-Menu1-e1446223705178-500x116.png 500w\" sizes=\"(max-width: 623px) 100vw, 623px\" \/><\/a>\u00a0<\/p>\n<p style=\"padding-left: 90px;\">\u00a0<span style=\"line-height: 1.5em;\">Notice how <\/span><em style=\"line-height: 1.5em;\">Education<\/em><span style=\"line-height: 1.5em;\"> is the parent of <\/span><em style=\"line-height: 1.5em;\">Childhood Studies Minor<\/em><span style=\"line-height: 1.5em;\">, <\/span><\/p>\n<p style=\"padding-left: 90px;\"><em style=\"line-height: 1.5em;\">Externships &amp; Experiential Learning<\/em><span style=\"line-height: 1.5em;\">, <\/span><span style=\"line-height: 1.5em;\">and <\/span><em style=\"line-height: 1.5em;\">Brisky Graduate Student Fellowship<\/em><span style=\"line-height: 1.5em;\">.\u00a0<\/span><\/p>\n<p>\n<\/div>\n<p><\/div>\n<hr \/>\n<div class=\"row column-group-2\"><\/p>\n<div class=\"col-xs-12 col-sm-12 col-md-3 col-lg-3\"><\/p>\n<p>1. Main menus are found in the <em>Appearance<\/em> section of the left hand sidebar so click on it first. Once you have done that, you should see the <em>Menus<\/em> option underneath it.<\/p>\n<p>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-3 col-lg-3\"><\/p>\n<p><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001447\/Sidebar-Main-Menu1.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-79 size-full\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001447\/Sidebar-Main-Menu1.png\" alt=\"\" width=\"161\" height=\"443\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\"><p>\u00a0<!--Replace this screenshot with one describing the sections, and also has the select a menu dropdown (from music.case.edu) --> <a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001242\/Edit-Menus1.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-320 size-medium\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001242\/Edit-Menus1-600x338.png\" alt=\"\" width=\"600\" height=\"338\" srcset=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001242\/Edit-Menus1-600x338.png 600w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001242\/Edit-Menus1-1024x576.png 1024w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001242\/Edit-Menus1-500x281.png 500w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001242\/Edit-Menus1.png 1920w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a>\u00a0 \u00a0 <\/p>\n<\/div>\n<p><\/div>\n<hr \/>\n<div class=\"row column-group-3\"><\/p>\n<div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4\"><p>\u00a0<\/p>\n<p>Start first with the left side in the <em>Pages<\/em> sections and the <em>Categories<\/em> Section (the <em>Links<\/em> section should not be used).<\/p>\n<p>\n<\/div>\n<p>&nbsp;<\/p>\n<div class=\"col-xs-12 col-sm-12 col-md-8 col-lg-8\"><\/p>\n<p><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001335\/Pages1.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-212 size-medium\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001335\/Pages1-600x344.png\" alt=\"\" width=\"600\" height=\"344\" srcset=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001335\/Pages1-600x344.png 600w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001335\/Pages1-500x286.png 500w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001335\/Pages1.png 894w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001333\/Categories.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-213 size-medium\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001333\/Categories-600x266.png\" alt=\"Categories\" width=\"600\" height=\"266\" srcset=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001333\/Categories-600x266.png 600w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001333\/Categories-500x221.png 500w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001333\/Categories.png 822w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>\n<\/div>\n<p><\/div>\n<p>&nbsp;<\/p>\n<hr \/>\n<div class=\"row column-group-4\"><\/p>\n<div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4\"><\/p>\n<p>2. To add pages or categories to the menu, simply place a check mark next to the page or category you want to add and then click on the <em>Add to Menu<\/em> button. Once the pages and categories are added to the menu, they will all be placed at the top level of the menu structure, regardless if they are a child or not.<\/p>\n<p>&nbsp;<\/p>\n<p>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-8 col-lg-8\"><\/p>\n<p><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001331\/Top-Level.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-214 size-medium\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001331\/Top-Level-600x182.png\" alt=\"Top Level\" width=\"600\" height=\"182\" srcset=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001331\/Top-Level-600x182.png 600w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001331\/Top-Level-1024x311.png 1024w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001331\/Top-Level-500x152.png 500w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001331\/Top-Level.png 1233w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>\n<\/div>\n<p><\/div>\n<hr \/>\n<div class=\"row column-group-5\"><\/p>\n<div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4\"><\/p>\n<p>\u00a0 3. After adding all the pages, links, and categories you want, they will appear in the <em>Menu Structure<\/em> section.<\/p>\n<p>&nbsp;<\/p>\n<p>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-8 col-lg-8\"><\/p>\n<p><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001447\/Menu-Structure1.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-80 size-full\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001447\/Menu-Structure1.png\" alt=\"\" width=\"494\" height=\"558\" \/><\/a><\/p>\n<p>\n<\/div>\n<p><\/div>\n<hr \/>\n<div class=\"row column-group-6\"><\/p>\n<div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4\"><\/p>\n<p>\u00a0 \u00a0 4. This is where you create the multilevel menu at. By dragging Pages or Categories to the right, you can make them sub items of the Page or Category above it in the menu structure (the page that is still in the default position).<\/p>\n<p>&nbsp;<\/p>\n<p>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-8 col-lg-8\"><\/p>\n<p><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001330\/Sub-Items.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-215 size-medium\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001330\/Sub-Items-600x404.png\" alt=\"Sub Items\" width=\"600\" height=\"404\" srcset=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001330\/Sub-Items-600x404.png 600w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001330\/Sub-Items-500x337.png 500w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001330\/Sub-Items.png 931w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<\/div>\n<p><\/div>\n<hr \/>\n<div class=\"row column-group-7\"><\/p>\n<div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4\"><\/p>\n<p>To the right is what it looks like on the actual menu on the website: \u00a0<\/p>\n<p>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-8 col-lg-8\"><\/p>\n<p><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001325\/Sub-Items-Example1.png\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-217\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001325\/Sub-Items-Example1.png\" alt=\"Sub Items Example\" width=\"820\" height=\"268\" srcset=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001325\/Sub-Items-Example1.png 820w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001325\/Sub-Items-Example1-600x196.png 600w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001325\/Sub-Items-Example1-500x163.png 500w\" sizes=\"(max-width: 820px) 100vw, 820px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>\n<\/div>\n<p><\/div>\n<hr \/>\n<div class=\"row column-group-8\"><\/p>\n<div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-4\"><p>\u00a0<\/p>\n<p>5. To remove an item from the list, click the arrow on the right hand side of the box to view more details about the item.<\/p>\n<p>\u00a06. Here is where you can also change the <em>Navigation Label<\/em> (the name that appears on the menu) or remove the item from the menu. \u00a0<\/p>\n<p>&nbsp;<\/p>\n<p>\n<\/div>\n<div class=\"col-xs-12 col-sm-12 col-md-8 col-lg-8\"><\/p>\n<p><a href=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001324\/Page-Details2.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-218 size-medium\" src=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001324\/Page-Details2-600x329.png\" alt=\"\" width=\"600\" height=\"329\" srcset=\"https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001324\/Page-Details2-600x329.png 600w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001324\/Page-Details2-500x274.png 500w, https:\/\/artscimedia.case.edu\/wp-content\/uploads\/sites\/105\/2014\/09\/15001324\/Page-Details2.png 922w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<\/div>\n<p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp;<\/p>\n<p>\u00a0<\/p>\n<p> \u00a0\u00a0<\/p>\n<p><a href=\"https:\/\/artsci.case.edu\/documentation\/creatingediting-the-main-menu\/\" class=\"more-link\">Continue reading&#8230; <span class=\"screen-reader-text\">Creating\/Editing the Main Menu<\/span><\/a><\/p>\n","protected":false},"author":19,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"spay_email":""},"_links":{"self":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages\/44"}],"collection":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/comments?post=44"}],"version-history":[{"count":11,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":960,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages\/44\/revisions\/960"}],"wp:attachment":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/media?parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}