{"id":176,"date":"2018-04-02T15:19:16","date_gmt":"2018-04-02T15:19:16","guid":{"rendered":"http:\/\/vassarspaces.net\/support\/?p=176"},"modified":"2019-10-24T18:03:41","modified_gmt":"2019-10-24T18:03:41","slug":"custom-menus","status":"publish","type":"post","link":"https:\/\/vassarspaces.net\/support\/uncategorized\/custom-menus\/","title":{"rendered":"Custom Menus"},"content":{"rendered":"<div class=\"level2\">\n<ol>\n<li class=\"vspace\">Start at your site&#8217;s\u00a0<strong>Dashboard<\/strong>\u00a0and choose\u00a0<strong>Appearance<\/strong>\u00a0the\u00a0<strong>Menus<\/strong>.<img loading=\"lazy\" decoding=\"async\" class=\"shadow alignnone wp-image-251 size-full\" src=\"http:\/\/vassarspaces.net\/support\/wp-content\/uploads\/2019\/10\/2019104.1-appearance-menu.gif\" alt=\"screen shot of appearance menu\" width=\"1319\" height=\"858\" \/><\/li>\n<li class=\"vspace\">In the Custom Menus interface that appears, type a name for your menu. This can be anything you want. It doesn&#8217;t get displayed anywhere; it&#8217;s used by WordPress to identify and place your menu. Once you&#8217;ve typed the name, click\u00a0<strong>Create Menu<\/strong>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-158\" src=\"http:\/\/vassarspaces.net\/support\/wp-content\/uploads\/2018\/03\/4.1-create-custom-menu.png\" alt=\"\" width=\"1319\" height=\"601\" srcset=\"https:\/\/vassarspaces.net\/support\/wp-content\/uploads\/2018\/03\/4.1-create-custom-menu.png 1319w, https:\/\/vassarspaces.net\/support\/wp-content\/uploads\/2018\/03\/4.1-create-custom-menu-300x137.png 300w, https:\/\/vassarspaces.net\/support\/wp-content\/uploads\/2018\/03\/4.1-create-custom-menu-768x350.png 768w, https:\/\/vassarspaces.net\/support\/wp-content\/uploads\/2018\/03\/4.1-create-custom-menu-1024x467.png 1024w\" sizes=\"auto, (max-width: 1319px) 100vw, 1319px\" \/><\/li>\n<li class=\"vspace\">You&#8217;ll now be presented with a screen that includes a section titled\u00a0<strong>Menu Settings<\/strong>. This is where you&#8217;ll indicate where you want your menu to appear in your theme. The number of locations available depends entirely upon the theme you choose. In the example shown below, there are two areas available; we&#8217;ve chosen to place the menu in the\u00a0<strong>Top primary menu<\/strong>\u00a0area which we know corresponds to the header menu. You may need to experiment a bit in order to find out where your menu will appear in your theme. You can always change this location later by coming back here and clicking the\u00a0<strong>Manage Locations<\/strong>\u00a0tab.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"shadow alignnone wp-image-260 size-full\" src=\"http:\/\/vassarspaces.net\/support\/wp-content\/uploads\/2019\/10\/2019104.1-custom-menu-settings.gif\" alt=\"custom menu settings\" width=\"1319\" height=\"858\" \/><\/li>\n<li class=\"vspace\">Now that you&#8217;ve set up your menu and assigned it to a location, you can begin to add links to it. On the left-hand side of the screen, you&#8217;ll see what content is available to add. On the right-hand side of the screen, in the\u00a0<em>Menu Structure<\/em>\u00a0area, you can arrange and organize your links.<\/li>\n<li class=\"vspace\">By default, you may not see\u00a0<strong>everything<\/strong>\u00a0that is available to you to add to your menu. For example, posts can be added to menus, but they&#8217;re not usually displayed by default. To make more content available, click the\u00a0<strong>Screen Options<\/strong>\u00a0tab at the top of your WordPress screen, and then click off the check boxes that correspond to additional content.<img loading=\"lazy\" decoding=\"async\" class=\"shadow alignnone wp-image-259 size-full\" src=\"http:\/\/vassarspaces.net\/support\/wp-content\/uploads\/2019\/10\/2019104.1-custom-menu-screeen-options.gif\" alt=\"custom menu screeen options\" width=\"1319\" height=\"856\" \/><\/li>\n<li class=\"vspace\">To add content to your menu, simply check it off on the left, and click the\u00a0<strong>Add to Menu<\/strong>\u00a0button.<img loading=\"lazy\" decoding=\"async\" class=\"shadow alignnone wp-image-262 size-full\" src=\"http:\/\/vassarspaces.net\/support\/wp-content\/uploads\/2019\/10\/2019104.1-custom-menu-add-items.gif\" alt=\"add items to custom menu\" width=\"1317\" height=\"854\" \/><\/li>\n<li class=\"vspace\">Your new content will appear on the right, and you can drag items in the order you want them to appear. Drag items to the right to indent them under other items. This will usually make them appear as drop-down items in your menu.<img loading=\"lazy\" decoding=\"async\" class=\"shadow alignnone wp-image-258 size-full\" src=\"http:\/\/vassarspaces.net\/support\/wp-content\/uploads\/2019\/10\/2019104.1-custom-menu-items.gif\" alt=\"\" width=\"1514\" height=\"919\" \/><\/li>\n<li class=\"vspace\">You can add custom links to your menu by clicking the\u00a0<strong>Links<\/strong>\u00a0section on the left. In the short form that appears, enter your link&#8217;s\u00a0<abbr title=\"Uniform Resource Locator\">URL<\/abbr>, and a text for the link. Click\u00a0<strong>Add to Menu<\/strong>\u00a0to move it to the left.<img loading=\"lazy\" decoding=\"async\" class=\"shadow alignnone wp-image-264 size-full\" src=\"http:\/\/vassarspaces.net\/support\/wp-content\/uploads\/2019\/10\/2019104.1-custom-menu-navigation-labels.gif\" alt=\"Change navigation labels on your custom menu\" width=\"1529\" height=\"968\" \/><\/li>\n<li class=\"vspace\">Note that you can change the link text of any item you add to your menu. This can be helpful if you have a page with a long title, and you&#8217;d like the link to not take up so much space. You can abbreviate the title in the\u00a0<strong>Navigation Label<\/strong>\u00a0section, and that shorter text will become the actual menu link.<\/li>\n<li class=\"vspace\">When you are done, make sure you click\u00a0<strong>Save Menu.<\/strong><\/li>\n<\/ol>\n<\/div>\n<h3 id=\"other-notes-about-menus\" class=\"sectionedit8\">Other Notes about Menus<\/h3>\n<div class=\"level3\">\n<p>When you add a\u00a0<strong>Category<\/strong>\u00a0or\u00a0<strong>Tag<\/strong>\u00a0to a menu, the link will take your readers to an archive of all the posts on your site that use that category or tag. This can be a very useful feature for organizing your content when you&#8217;re using posts to share your work.<\/p>\n<p>In addition to assigning Custom Menus to theme areas, there is a default Custom Menu widget that you can put in the sidebar of your site. This is useful for creating smaller, customized navigation for your site.<\/p>\n<p>If you forget to click\u00a0<strong>Save Menu<\/strong>\u00a0after making changes to your menu location or content, you will lose your work!<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Start at your site&#8217;s\u00a0Dashboard\u00a0and choose\u00a0Appearance\u00a0the\u00a0Menus. In the Custom Menus interface that appears, type a name for your menu. This can be anything you want. It doesn&#8217;t get displayed anywhere; it&#8217;s used by WordPress to identify and place your menu. Once you&#8217;ve typed the name, click\u00a0Create Menu. You&#8217;ll now be presented with a screen that includes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-176","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/vassarspaces.net\/support\/wp-json\/wp\/v2\/posts\/176","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vassarspaces.net\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vassarspaces.net\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vassarspaces.net\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vassarspaces.net\/support\/wp-json\/wp\/v2\/comments?post=176"}],"version-history":[{"count":2,"href":"https:\/\/vassarspaces.net\/support\/wp-json\/wp\/v2\/posts\/176\/revisions"}],"predecessor-version":[{"id":495,"href":"https:\/\/vassarspaces.net\/support\/wp-json\/wp\/v2\/posts\/176\/revisions\/495"}],"wp:attachment":[{"href":"https:\/\/vassarspaces.net\/support\/wp-json\/wp\/v2\/media?parent=176"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vassarspaces.net\/support\/wp-json\/wp\/v2\/categories?post=176"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vassarspaces.net\/support\/wp-json\/wp\/v2\/tags?post=176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}