{"id":7822,"date":"2018-09-05T11:34:18","date_gmt":"2018-09-05T15:34:18","guid":{"rendered":"https:\/\/extension.umaine.edu\/plugged-in\/?page_id=7822"},"modified":"2019-09-03T10:24:49","modified_gmt":"2019-09-03T14:24:49","slug":"how-to-create-a-navigation-menu-using-menus-to-be-used-in-a-sidebar-widget","status":"publish","type":"page","link":"https:\/\/extension.umaine.edu\/plugged-in\/technology-marketing-communications\/web\/tips-for-web-managers\/how-to-create-a-navigation-menu-using-menus-to-be-used-in-a-sidebar-widget\/","title":{"rendered":"How to create a navigation menu, using Menus, to be used in a sidebar widget"},"content":{"rendered":"<p>There are several options that can be used as menu links: Pages, Posts, Custom Links, Categories, Event Categories.<\/p>\n<p>For an example, see <a href=\"https:\/\/extension.umaine.edu\/knox-lincoln\/4h\/\">Knox-Lincoln Counties 4-H<\/a> page. The Knox-Lincoln Counties 4-H menu in this sidebar on this page, uses only pages as menu links.<\/p>\n<p>To develop a menu:<\/p>\n<ol>\n<li>Go to <strong>Appearance\/Menus<\/strong> to open the editing window to create a new menu.<br \/>\n<a href=\"http:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/appearance-on-dashboard.png\" rel=\"attachment wp-att-7829\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7829\" src=\"http:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/appearance-on-dashboard.png\" alt=\"screenshot of the appearance tab on the dashboard\" width=\"225\" height=\"253\" srcset=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/appearance-on-dashboard.png 400w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/appearance-on-dashboard-267x300.png 267w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/appearance-on-dashboard-105x118.png 105w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/appearance-on-dashboard-317x357.png 317w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,225px\" \/><\/a><a href=\"http:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/under-appearance-choose-menus.png\" rel=\"attachment wp-att-7828\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7828\" src=\"http:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/under-appearance-choose-menus.png\" alt=\"screenshot of choosing menu under appearance\" width=\"225\" height=\"253\" srcset=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/under-appearance-choose-menus.png 400w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/under-appearance-choose-menus-267x300.png 267w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/under-appearance-choose-menus-105x118.png 105w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/under-appearance-choose-menus-317x357.png 317w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,225px\" \/><\/a><\/li>\n<li>In the <strong>Edit Menu<\/strong> tab (which is set as default), rather than selecting a pre-existing menu, select <strong>create a new menu<\/strong>.<\/li>\n<li>In the field <strong>Menu Name<\/strong>, type in the name of the new menu.<\/li>\n<li>Press the button at the right, <strong>Create Menu<\/strong>.<br \/>\n<a href=\"http:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/creating-a-new-menu.png\" rel=\"attachment wp-att-7830\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7830\" src=\"http:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/creating-a-new-menu.png\" alt=\"screenshot of the the steps to create a new menu\" width=\"400\" height=\"200\" srcset=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/creating-a-new-menu.png 600w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/creating-a-new-menu-300x150.png 300w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/creating-a-new-menu-105x53.png 105w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/creating-a-new-menu-317x159.png 317w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/creating-a-new-menu-423x212.png 423w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,400px\" \/><\/a><\/li>\n<li>All of the boxes should turn from gray to active.<\/li>\n<li>In the left-hand box, <strong>Pages<\/strong>, options for Pages, Posts, Custom Links, Categories, Event Categories will be displayed.<\/li>\n<li>Select page(s) and press the button <strong>Add to Menu<\/strong>. This will move page(s) over to create new menu (the same can be done with Posts).<br \/>\n<a href=\"http:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/Selecting-pages-to-add-to-a-menu.png\" rel=\"attachment wp-att-7831\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7831\" src=\"http:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/Selecting-pages-to-add-to-a-menu.png\" alt=\"screenshot of how to seelct pages to add to a menu\" width=\"300\" height=\"307\" srcset=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/Selecting-pages-to-add-to-a-menu.png 400w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/Selecting-pages-to-add-to-a-menu-293x300.png 293w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/Selecting-pages-to-add-to-a-menu-105x107.png 105w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/Selecting-pages-to-add-to-a-menu-317x324.png 317w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/Selecting-pages-to-add-to-a-menu-32x32.png 32w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,300px\" \/><\/a><\/li>\n<li>Once moved to the <strong>Menu Structure<\/strong> area, pages or posts can be dragged-and-dropped to re-order.<\/li>\n<li>When finished building the menu, click either <strong>Save Menu<\/strong> button on the right-hand side of the menu tab.<\/li>\n<\/ol>\n<p style=\"padding-left: 30px\">Be mindful that page and post names should be edited and kept brief, two-three words at the <strong>most<\/strong>.<br \/>\n<a href=\"http:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/Renaming-page-in-a-menu.png\" rel=\"attachment wp-att-7832\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7832\" src=\"http:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/Renaming-page-in-a-menu.png\" alt=\"screenshot of the process to rename a page in the menu\" width=\"400\" height=\"267\" srcset=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/Renaming-page-in-a-menu.png 600w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/Renaming-page-in-a-menu-300x200.png 300w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/Renaming-page-in-a-menu-105x70.png 105w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/Renaming-page-in-a-menu-317x211.png 317w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/Renaming-page-in-a-menu-423x282.png 423w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,400px\" \/><\/a><\/p>\n<h3><strong>Custom Link<\/strong><\/h3>\n<p>If linking to an external site, source or stand-alone Resource (see <a href=\"https:\/\/extension.umaine.edu\/plugged-in\/technology-marketing-communications\/web\/tips-for-web-managers\/how-to-upload-a-pdf-or-word-docs-as-a-resource\/\">How to upload a PDF or Word Docs as a Resource<\/a>) or an image from the media library, you can create a Custom Link.<\/p>\n<ol>\n<li>Copy and paste the URL into the URL field under <strong>Custom Links<\/strong>.<\/li>\n<li>Give the menu tab a title by typing in the <strong>Link Text<\/strong> field (keeping the title, brief, two-three words).<\/li>\n<li>Press the <strong>Add to Menu<\/strong> button.<br \/>\n<a href=\"http:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/adding-a-custom-link.png\" rel=\"attachment wp-att-7834\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7834\" src=\"http:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/adding-a-custom-link.png\" alt=\"screenshot of how to add adding a custom link as a menu item\" width=\"300\" height=\"169\" srcset=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/adding-a-custom-link.png 400w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/adding-a-custom-link-300x169.png 300w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/adding-a-custom-link-105x59.png 105w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/adding-a-custom-link-317x178.png 317w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/adding-a-custom-link-320x180.png 320w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,300px\" \/><\/a><\/li>\n<\/ol>\n<h3><strong>Category<\/strong><\/h3>\n<p>If you would like a menu tab to link to a Category (\u2018archive\u2019) page (example: News):<\/p>\n<ol>\n<li>Under the <strong>Categories<\/strong> tab, select the checkbox that accompanies the category you\u2019d want displayed as an archive page (a \u2018feed\u2019 of that category).<\/li>\n<li>Press the <strong>Add to Menu<\/strong> button.<br \/>\n<a href=\"http:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/Creating-a-category-page.png\" rel=\"attachment wp-att-7833\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7833\" src=\"http:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/Creating-a-category-page.png\" alt=\"screenshot of how to create a category page in a menu\" width=\"300\" height=\"240\" srcset=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/Creating-a-category-page.png 400w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/Creating-a-category-page-300x240.png 300w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/Creating-a-category-page-105x84.png 105w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/Creating-a-category-page-317x254.png 317w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,300px\" \/><\/a><\/li>\n<\/ol>\n<h3><strong>Event Category<\/strong><\/h3>\n<p>If you would like a menu tab to link to an Event (\u2018archive\u2019) page (example: would display all or particular calendar or upcoming events):<\/p>\n<ol>\n<li>Under the <strong>Event Categories<\/strong> tab, select the checkbox that accompanies the types of events you\u2019d want displayed as an archive page (a \u2018feed\u2019 of those events), example: News.<\/li>\n<li>Press the <strong>Add to Menu<\/strong> button.<\/li>\n<\/ol>\n<p>Once the menu is complete, press <strong>Save Menu<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>There are several options that can be used as menu links: Pages, Posts, Custom Links, Categories, Event Categories. For an example, see Knox-Lincoln Counties 4-H page. The Knox-Lincoln Counties 4-H menu in this sidebar on this page, uses only pages as menu links. To develop a menu: Go to Appearance\/Menus to open the editing window [&hellip;]<\/p>\n","protected":false},"author":70,"featured_media":0,"parent":7741,"menu_order":16,"comment_status":"closed","ping_status":"closed","template":"templates\/page-withsidebar.php","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-7822","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"msnowden","author_link":"https:\/\/extension.umaine.edu\/plugged-in\/author\/msnowden\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/pages\/7822","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/users\/70"}],"replies":[{"embeddable":true,"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/comments?post=7822"}],"version-history":[{"count":1,"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/pages\/7822\/revisions"}],"predecessor-version":[{"id":10286,"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/pages\/7822\/revisions\/10286"}],"up":[{"embeddable":true,"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/pages\/7741"}],"wp:attachment":[{"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/media?parent=7822"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}