{"id":455,"date":"2017-10-18T12:41:00","date_gmt":"2017-10-18T16:41:00","guid":{"rendered":"http:\/\/amy.imarketbeta.com\/blog\/?page_id=455"},"modified":"2017-11-14T12:20:25","modified_gmt":"2017-11-14T20:20:25","slug":"navigation","status":"publish","type":"page","link":"http:\/\/amy.imarketbeta.com\/blog\/part-1-introduction-to-imarket-websites\/website-components\/navigation\/","title":{"rendered":"Navigation"},"content":{"rendered":"

Navigation<\/h1>\n

All sites have at least two navigation areas: The Header Menu and the Footer Menu. The Header and Footer menus appear on all pages of the website. Some sites also include a Secondary Menu, generally included in the Sidebar or Body.<\/p>\n

Header Menu<\/h2>\n

The Header Menu is a set of links in the Header used to navigate the site.<\/p>\n

Only the Top-Level pages are immediately visible, but subpage links can be viewed by hovering over a menu item.<\/p>\n

\"\"
Desktop width header menu (for non-touch screen devices).<\/figcaption><\/figure>\n

On touch screen devices, the subpage links can be viewed by tapping on the top-level item. An icon will appear next to the subpage menu so that the user can close the menu. Tapping on the top-level item once the subpage is open will bring the user to the top-level page.<\/p>\n

\"\"
Desktop width header menu (on touch-screen devices)<\/figcaption><\/figure>\n

On mobile devices, the Header Menu will be hidden, and a menu icon will display. Tapping the menu icon will open the Header Menu. Again, only the top-level links are immediately visible. Tapping on the corresponding plus (+) sign will display the subpage links.<\/p>\n

\"\"
Mobile menu icon.<\/figcaption><\/figure>\n
\"\"
Mobile menu with subpage links visible.<\/figcaption><\/figure>\n

Footer Menu<\/h2>\n

The Footer Menu displays in the footer of the site across all pages. Only top-level links are visible, and (except in the case of older iMarket sites), there are no subpage links.<\/p>\n

\"\"<\/p>\n

Secondary Menu<\/h2>\n

Some site designs include a secondary menu on subpages. This menu is made up of links to secondary and\/or tertiary pages from a particular sitemap section. The Secondary Menu is available as a means to navigate the site in addition to the Header and Footer Menus, and is generally located in the Sidebar or Body. All links in the Secondary Menu are visible when the page loads.
\n\"\"<\/p>\n

Best Practices<\/h2>\n

Non-Development users should not publish new top-level resources to the header or footer navigation without opening a ticket to Development first.<\/strong><\/p>\n

Before creating any resources, first determine if this is a top-level page (i.e., it is not a child of another page). If this is the case, you may create the page but must leave it unpublished. <\/b>Open a ticket to Development requesting that they revise the Header Menu to account for the additional item, and that they publish the page once it\u2019s complete. Otherwise, adding another page to the top-level will likely result in a broken Header Menu, as illustrated below:<\/p>\n

\"\"
Header Menu Before New Top-Level Page<\/figcaption><\/figure>\n
\"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

How does navigation function across iMarket sites? What are the various types of navigation included and where do they live? <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":453,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/pages\/455"}],"collection":[{"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/comments?post=455"}],"version-history":[{"count":1,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/pages\/455\/revisions"}],"predecessor-version":[{"id":1634,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/pages\/455\/revisions\/1634"}],"up":[{"embeddable":true,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/pages\/453"}],"wp:attachment":[{"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/media?parent=455"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/categories?post=455"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/amy.imarketbeta.com\/blog\/wp-json\/wp\/v2\/tags?post=455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}