{"id":113,"date":"2020-05-14T21:13:20","date_gmt":"2020-05-14T21:13:40","guid":{"rendered":"https:\/\/university-communications.ncsu.edu\/documentation\/?page_id=113"},"modified":"2023-11-06T15:49:51","modified_gmt":"2023-11-06T20:49:51","slug":"sidebars","status":"publish","type":"reference-article","link":"https:\/\/university-communications.ncsu.edu\/documentation\/reference-article\/sidebars\/","title":{"rendered":"Sidebars"},"content":{"rendered":"\n<p>Sidebar navigation is automatically triggered based on the structure of the main menu assigned to the &#8216;Website Navigation&#8217; display location, as well as the &#8216;Sidebar Start Depth&#8217; settings option. <\/p>\n\n\n\n<p>Within the menu creation screen (Dashboard &gt; Appearance &gt; Menus), first select the menu assigned to the &#8216;Website Navigation&#8217; display location, if not already displaying. Add menu items from the left selection screen as needed using the &#8216;Add to Menu&#8217; button. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Setting Menu Item Depths<\/h2>\n\n\n\n<p>Once the menu items have been added to the menu, click and drag each sublevel item to nest beneath parent items at the appropriate depth. The editing screen will display snap points while dragging to guide the placement of the item.  All top level items will become top level nav links, all second level items will become dropdowns to their respective top level nav link, and all third and fourth level items will display only when viewing the 2nd, 3rd, and 4th level pages that those items are children to. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Example<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/Screen-Shot-2020-05-14-at-4.47.42-PM.png\" data-fullsize=\"1104x1338\" data-zoom=\"true\"><img loading=\"lazy\" decoding=\"async\" width=\"845\" height=\"1024\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/Screen-Shot-2020-05-14-at-4.47.42-PM-845x1024.png\" alt=\"\" class=\"wp-image-114\" srcset=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/Screen-Shot-2020-05-14-at-4.47.42-PM-845x1024.png 845w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/Screen-Shot-2020-05-14-at-4.47.42-PM-248x300.png 248w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/Screen-Shot-2020-05-14-at-4.47.42-PM-768x931.png 768w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/Screen-Shot-2020-05-14-at-4.47.42-PM.png 1104w\" sizes=\"auto, (max-width: 845px) 100vw, 845px\" \/><\/a><figcaption>An example of top, secondary, third, and fourth level nesting within the WordPress menu editing screen.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Result<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/Screen-Shot-2020-05-14-at-4.56.11-PM.png\" data-fullsize=\"2178x762\" data-zoom=\"true\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"358\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/Screen-Shot-2020-05-14-at-4.56.11-PM-1024x358.png\" alt=\"\" class=\"wp-image-115\" srcset=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/Screen-Shot-2020-05-14-at-4.56.11-PM-1024x358.png 1024w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/Screen-Shot-2020-05-14-at-4.56.11-PM-300x105.png 300w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/Screen-Shot-2020-05-14-at-4.56.11-PM-768x269.png 768w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/Screen-Shot-2020-05-14-at-4.56.11-PM-1536x537.png 1536w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/Screen-Shot-2020-05-14-at-4.56.11-PM-2048x717.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption>The result of the nested menu example above, seen from the third level page. <\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Sidebar Start Depth Option<\/h2>\n\n\n\n<p>The &#8216;Sidebar Start Depth&#8217; option, found within the &#8216;Nav&#8217; tab of the NC State Settings screen, determines which level of nested navigation begins appearing as the sidebar nav. By default, this option is set to &#8216;Third Level&#8217;, meaning only third and fourth level items will cause the sidebar items to display. For most sites, this is the recommended setting to keep. <\/p>\n\n\n\n<p>If your site specifically needs sidebars to begin appearing earlier, the &#8216;Second Level&#8217; option may also be used. This will result in sidebars appearing on all pages, starting with second level items.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/Screen-Shot-2020-05-14-at-5.12.22-PM.png\" data-fullsize=\"1104x208\" data-zoom=\"true\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"193\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/Screen-Shot-2020-05-14-at-5.12.22-PM-1024x193.png\" alt=\"\" class=\"wp-image-117\" srcset=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/Screen-Shot-2020-05-14-at-5.12.22-PM-1024x193.png 1024w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/Screen-Shot-2020-05-14-at-5.12.22-PM-300x57.png 300w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/Screen-Shot-2020-05-14-at-5.12.22-PM-768x145.png 768w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2020\/05\/Screen-Shot-2020-05-14-at-5.12.22-PM.png 1104w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption>Option for sidebar start depth, found within NC State Settings &gt; Nav tab<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Need help?<\/h2>\n\n\n\n<p>Have questions? Feel free to reach out with any questions or concerns at\u00a0<a href=\"http:\/\/go.ncsu.edu\/ucomm-dev-request\">go.ncsu.edu\/ucomm-dev-request<\/a>.<\/p>\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false,"ncst_custom_author":"","ncst_show_custom_author":false,"ncst_dynamicHeaderBlockName":"ncst\/default-header","ncst_dynamicHeaderData":"{\"pageIntro\":\"The main method of navigation within the NC State Theme is the horizontal top navigation bar. However, some deeply nested subpages may benefit from additional, contextual sidebar navigation.\"}","ncst_content_audit_freq":"","ncst_content_audit_date":"","ncst_content_audit_display":false,"ncst_backToTopFlag":"","_links_to":"","_links_to_target":""},"availability":[],"content-type":[],"class_list":["post-113","reference-article","type-reference-article","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article"}],"about":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/types\/reference-article"}],"version-history":[{"count":4,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/113\/revisions"}],"predecessor-version":[{"id":2903,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/113\/revisions\/2903"}],"wp:attachment":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=113"}],"wp:term":[{"taxonomy":"availability","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/availability?post=113"},{"taxonomy":"content-type","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/content-type?post=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}