{"id":137,"date":"2017-02-21T18:56:19","date_gmt":"2017-02-21T18:56:19","guid":{"rendered":"http:\/\/wordpress.library.illinois.edu\/wp-training\/?page_id=137"},"modified":"2017-03-07T17:47:28","modified_gmt":"2017-03-07T17:47:28","slug":"unit-menu","status":"publish","type":"page","link":"https:\/\/wordpress.library.illinois.edu\/wp-training\/site-set-up\/unit-menu\/","title":{"rendered":"Editing The Unit Menu"},"content":{"rendered":"<div class=\"shortcode sh-grid sh-grid-cols-1 md:sh-grid-cols-12 sh-gap-3\"><div class=\"shortcode sh-col-span-9 sh-pb-3\"><\/p>\n<h2 id=\"intro\">Introduction:<\/h2>\n<p>The unit menu appears right below the page banner in a grey strip (figure 1). We\u2019ve already added this menu to your pages, but you can control which items appear on the menu, their order, and where they link. You may also have dropdown menus for each menu item. We recommend that you do not exceed 5 items on your unit menu. This tutorial will show you how to edit your unit\u2019s menu<\/p>\n<figure id=\"attachment_236\" aria-describedby=\"caption-attachment-236\" style=\"width: 547px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-236 size-full\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/02\/Fig1b.png\" alt=\"Fig. 1: The red arrow points to the unit menu which has only 2 items. Items that are a dropdown menu have a black arrow to their right. The dropdown menu is accessed by click on the black arrow\" width=\"547\" height=\"420\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/02\/Fig1b.png 547w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/02\/Fig1b-300x230.png 300w\" sizes=\"auto, (max-width: 547px) 100vw, 547px\" \/><figcaption id=\"caption-attachment-236\" class=\"wp-caption-text\">Fig. 1: The red arrow points to the unit menu which has only 2 items. Items that are a dropdown menu have a black arrow to their right. The dropdown menu is accessed by click on the black arrow.<\/figcaption><\/figure>\n<h2 id=\"options\">Accessing menu options:<\/h2>\n<p>The menu options may be accessed by hovering the mouse over \u201cAppearance\u201d in the left-side menu bar of WordPress and clicking on \u201cMenus\u201d (figure 2).<\/p>\n<figure id=\"attachment_235\" aria-describedby=\"caption-attachment-235\" style=\"width: 446px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-235 size-full\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/02\/Fig2.png\" alt=\"Fig. 2: Accessing the menu options\" width=\"446\" height=\"770\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/02\/Fig2.png 446w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/02\/Fig2-174x300.png 174w\" sizes=\"auto, (max-width: 446px) 100vw, 446px\" \/><figcaption id=\"caption-attachment-235\" class=\"wp-caption-text\">Fig. 2: Accessing the menu options.<\/figcaption><\/figure>\n<h2 id=\"adding\">Adding and rearranging menu items:<\/h2>\n<p>The screen that appears shows the structure of your current menu under \u201cMenu Structure\u201d (figure 3). Indented items are part of a dropdown menu. You can add new items to your menu by selecting them from the \u201cPages\u201d pane and clicking \u201cAdd to Menu\u201d. The item is automatically added to the bottom of the menu, but you can adjust its position by clicking and dragging it into the desired order (figure 4).<br \/>\nYou can also add an external link by clicking on \u201cCustom Links\u201d, providing the link URL and a display name (in \u201cLink Text\u201d).<\/p>\n<figure id=\"attachment_233\" aria-describedby=\"caption-attachment-233\" style=\"width: 803px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-233 size-full\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/02\/Fig3.png\" alt=\"Fig. 3: Adding menu items\" width=\"803\" height=\"612\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/02\/Fig3.png 803w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/02\/Fig3-300x229.png 300w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/02\/Fig3-768x585.png 768w\" sizes=\"auto, (max-width: 803px) 100vw, 803px\" \/><figcaption id=\"caption-attachment-233\" class=\"wp-caption-text\">Fig. 3: Adding menu items.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_234\" aria-describedby=\"caption-attachment-234\" style=\"width: 794px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-234 size-full\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/02\/Fig4.png\" alt=\"Fig. 4: Rearranging menu items\" width=\"794\" height=\"649\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/02\/Fig4.png 794w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/02\/Fig4-300x245.png 300w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/02\/Fig4-768x628.png 768w\" sizes=\"auto, (max-width: 794px) 100vw, 794px\" \/><figcaption id=\"caption-attachment-234\" class=\"wp-caption-text\">Fig. 4: Rearranging menu items.<\/figcaption><\/figure>\n<h2 id=\"removing\">Removing menu items:<\/h2>\n<p>To remove a menu item, click on the triangle next to the item you wish to remove, then click on \u201cRemove\u201d (figure 5).<\/p>\n<figure id=\"attachment_232\" aria-describedby=\"caption-attachment-232\" style=\"width: 801px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-232 size-full\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/02\/Fig5.png\" alt=\"Fig. 5: Removing menu items\" width=\"801\" height=\"484\" srcset=\"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/02\/Fig5.png 801w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/02\/Fig5-300x181.png 300w, https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/02\/Fig5-768x464.png 768w\" sizes=\"auto, (max-width: 801px) 100vw, 801px\" \/><figcaption id=\"caption-attachment-232\" class=\"wp-caption-text\">Fig. 5: Removing menu items.<\/figcaption><\/figure>\n<h2 id=\"saving\">Saving changes made to menu:<\/h2>\n<p>After you\u2019ve made changes to your menu it is important to save those changes by click on the blue \u201cSave Menu\u201d button near the top right of the screen.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-231 size-full\" src=\"http:\/\/wordpress.library.illinois.edu\/wp-training\/wp-content\/uploads\/sites\/23\/2017\/02\/save-menu.png\" alt=\"save menu\" width=\"111\" height=\"45\" \/><br \/>\n<\/div>\n<div class=\"shortcode sh-col-span-3 sh-pb-3\"><div class=\"shortcode sh-p-4 sh-rounded sh-drop-shadow-sm sh-bg-white !sh-text-black !sh-border  \"><div><div class=\"\"><\/p>\n<h2>Contents<\/h2>\n<div class=\"ui-lib-list__min-left-pad\" >\n<ul>\n<li>\n<h3><a href=\"#intro\">Introduction<\/a><\/h3>\n<\/li>\n<li>\n<h3><a href=\"#options\">Accessing menu options<\/a><\/h3>\n<\/li>\n<li>\n<h3><a href=\"#adding\">Adding and rearranging menu items<\/a><\/h3>\n<\/li>\n<li>\n<h3><a href=\"#removing\">Removing menu items<\/a><\/h3>\n<\/li>\n<li>\n<h3><a href=\"#saving\">Saving changes made to menu<\/a><\/h3>\n<\/li>\n<\/ul>\n<p><\/div><\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Introduction: The unit menu appears right below the page banner in a grey strip (figure 1). We\u2019ve already added this menu to your pages, but you can control which items appear on the menu, their order, and where they link. You may also have dropdown menus for each menu item. We recommend that you do [&hellip;]<\/p>\n","protected":false},"author":37,"featured_media":0,"parent":74,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-137","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/comments?post=137"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/137\/revisions"}],"predecessor-version":[{"id":248,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/137\/revisions\/248"}],"up":[{"embeddable":true,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/74"}],"wp:attachment":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/media?parent=137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}