{"id":67,"date":"2024-04-09T14:43:25","date_gmt":"2024-04-09T18:43:25","guid":{"rendered":"https:\/\/in.umw.edu\/university-communications\/?page_id=67"},"modified":"2025-02-20T15:50:42","modified_gmt":"2025-02-20T20:50:42","slug":"sidebar-navigation-and-page-ordering","status":"publish","type":"page","link":"https:\/\/in.umw.edu\/university-communications\/digital-communications\/managing-your-site\/sidebar-navigation-and-page-ordering\/","title":{"rendered":"Sidebar Navigation and Page Ordering"},"content":{"rendered":"\n<section class=\"wp-block-umw-hero alignfull umw-custom-block umw-hero umw-hero--dark-text umw-hero--media-float-right umw-hero--white umw-hero--with-no-media\"><div class=\"umw-hero__inner\"><div class=\"umw-hero__media\"><\/div><div class=\"umw-hero__title\"><div class=\"container\"><div class=\"umw-hero__title__wrapper\"><div class=\"umw-hero__eyebrow\">Digital Communication<\/div><h1 class=\"umw-hero__title__header\">Sidebar Navigation and Page Ordering<\/h1><\/div><\/div><\/div><\/div>\n<div class=\"wp-block-umw-hero-ctas alignfull\"><div class=\"umw-hero__links\"><div class=\"container\"><div class=\"umw-hero__links__wrapper\">\n\n\n\n<\/div><\/div><\/div><\/div>\n<\/section>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-organization-is-key\">Organization is key.<\/h2>\n\n\n\n<p>Sidebar navigation is how users will explore the pages across your site(s). It will show the &#8220;top-level&#8221; pages that are available on your site and expand as needed to display pages that are nested underneath those top-level pages. Organizing sidebars comes down to two key components: Parent pages and Order.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-parent-pages\">Parent Pages<\/h3>\n\n\n\n<p>Assigning a page to have a Parent means that the assigned page is &#8220;nested&#8221; under that Parent page. Properly nested pages give users a better idea of what content is grouped together and help to keep your navigation clean and simple to understand.<\/p>\n\n\n\n<p>To assign a page a Parent, go to the Page List and open the Quick Edit menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"299\" height=\"58\" src=\"http:\/\/in.umw.edu\/university-communications\/wp-content\/uploads\/sites\/9\/2024\/04\/Page-Ordering-2.png\" alt=\"Example of the &quot;Quick Edit&quot; option highlighted in the WordPress dashboard.\" class=\"wp-image-74\"\/><\/figure>\n\n\n\n<p>On the right-hand side of the Quick Edit menu, there is a dropdown labeled &#8220;Parent&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"351\" height=\"193\" src=\"http:\/\/in.umw.edu\/university-communications\/wp-content\/uploads\/sites\/9\/2024\/04\/Page-Ordering-3.png\" alt=\"Example of where the Parent dropwdown is in the Quick Edit menu.\" class=\"wp-image-75\" style=\"width:351px;height:auto\" srcset=\"\/\/in.umw.edu\/university-communications\/wp-content\/uploads\/sites\/9\/2024\/04\/Page-Ordering-3.png 351w, \/\/in.umw.edu\/university-communications\/wp-content\/uploads\/sites\/9\/2024\/04\/Page-Ordering-3-300x165.png 300w\" sizes=\"auto, (max-width: 351px) 100vw, 351px\" \/><\/figure>\n\n\n\n<p>By default, this dropdown will have the option &#8220;Main Page (no parent)&#8221; selected. This option means that the page will show up in the sidebar navigation at all times along with other Main Pages (it is best to not nest pages under the front page of your site as this can create a confusing user experience).<\/p>\n\n\n\n<p>Selecting any other page name from the list of pages will assign the selected page as the Parent. In the page list, nests and Parent pages are indicated by a dash, or multiple dashes, before the page name.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"325\" height=\"658\" src=\"http:\/\/in.umw.edu\/university-communications\/wp-content\/uploads\/sites\/9\/2024\/04\/Page-Ordering-1.png\" alt=\"Example of a series of nested pages of varying levels.\" class=\"wp-image-73\" srcset=\"\/\/in.umw.edu\/university-communications\/wp-content\/uploads\/sites\/9\/2024\/04\/Page-Ordering-1.png 325w, \/\/in.umw.edu\/university-communications\/wp-content\/uploads\/sites\/9\/2024\/04\/Page-Ordering-1-148x300.png 148w\" sizes=\"auto, (max-width: 325px) 100vw, 325px\" \/><\/figure>\n\n\n\n<p>In the example above, the page Digital Communications is a Main Page with nested items underneath it. Each dash next to the nested page titles how many degrees of separation there are between the nested page and the Parent page.<\/p>\n\n\n\n<p>For example the page UMW Hero+Intro Block has three dashes before it. Those dashes indicate that the page is three degrees of separation away from the Digital Communications page. The path we follow to get to the UMW Hero+Intro Block page is:<\/p>\n\n\n\n<p><em>Digital Communications &gt; Managing Your Site &gt; Block Editor Overview &gt; UMW Hero+Intro Block<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-page-ordering\">Page Ordering<\/h3>\n\n\n\n<p>Page ordering determines where your pages show up in the sidebar navigation. To change a page&#8217;s order, go to the Page List and open the Quick Edit menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"299\" height=\"58\" src=\"http:\/\/in.umw.edu\/university-communications\/wp-content\/uploads\/sites\/9\/2024\/04\/Page-Ordering-2.png\" alt=\"Example of the &quot;Quick Edit&quot; option highlighted in the WordPress dashboard.\" class=\"wp-image-74\"\/><\/figure>\n\n\n\n<p>On the right-hand side of the Quick Edit menu, there is a number field labeled &#8220;Order&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"351\" height=\"193\" src=\"http:\/\/in.umw.edu\/university-communications\/wp-content\/uploads\/sites\/9\/2024\/04\/Page-Ordering-3.png\" alt=\"Example of where the Parent dropwdown is in the Quick Edit menu.\" class=\"wp-image-75\" style=\"width:351px;height:auto\" srcset=\"\/\/in.umw.edu\/university-communications\/wp-content\/uploads\/sites\/9\/2024\/04\/Page-Ordering-3.png 351w, \/\/in.umw.edu\/university-communications\/wp-content\/uploads\/sites\/9\/2024\/04\/Page-Ordering-3-300x165.png 300w\" sizes=\"auto, (max-width: 351px) 100vw, 351px\" \/><\/figure>\n\n\n\n<p>The lower the Order value, the higher the item will appear in the page list and therefore the navigation. By default, pages are assigned 0, so you may notice other pages with this same value. In this case, or any case where multiple pages have the same value, pages will be sorted alphabetically within that value. If you want to add new items or reorder existing ones in the navigation, you will need to adjust all order values accordingly.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-page-visibility-in-navigation\">Page Visibility in Navigation<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-exclude-pages\">Exclude Pages<\/h4>\n\n\n\n<p>To allow pages to show up in the list of pages in your sidebar navigation, you will use the &#8220;Exclude Pages&#8221; option in the page settings. This option is found at the very bottom of the page settings menu on the righthand side of the editing window.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"281\" height=\"108\" src=\"http:\/\/in.umw.edu\/university-communications\/wp-content\/uploads\/sites\/9\/2024\/04\/Nav-Inclusion.png\" alt=\"Example of the checkbox to click that says, &quot;Include this page in lists of pages.&quot;\" class=\"wp-image-78\"\/><\/figure>\n\n\n\n<p>If the box is checked, then the page will appear in the navigation. If the box is unchecked, the page will not show up in the navigation.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-page-links\">Page Links<\/h4>\n\n\n\n<p>If the Exclude Pages option is not available in the editor on your site, you can use the Page Links tool. To access this, hover over the &#8220;Tools&#8221; option in the sidebar of the dashboard and click on &#8220;Page Links&#8221; in the pop out menu. Once there, you can use the checkboxes in the list of pages to determine whether a page shows up in the navigation: checking the box makes the page show up in the navigation, and unchecking the box removes a page from the navigation.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Organization is key. Sidebar navigation is how users will explore the pages across your site(s). It will show the &#8220;top-level&#8221; pages that are available on your site and expand as needed to display pages that are nested underneath those top-level pages. Organizing sidebars comes down to two key components: Parent pages and Order. Parent Pages [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":0,"parent":18,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"umw_cb_additional_links":[[]],"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","_advisory_expires_time":"","_advisory_meta_include":false,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":{"0":"post-67","1":"page","2":"type-page","3":"status-publish","5":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.4 (Yoast SEO v26.4) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Sidebar Navigation and Page Ordering - University Communications<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/in.umw.edu\/university-communications\/digital-communications\/managing-your-site\/sidebar-navigation-and-page-ordering\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sidebar Navigation and Page Ordering\" \/>\n<meta property=\"og:description\" content=\"Organization is key. Sidebar navigation is how users will explore the pages across your site(s). It will show the &#8220;top-level&#8221; pages that are available on your site and expand as needed to display pages that are nested underneath those top-level pages. Organizing sidebars comes down to two key components: Parent pages and Order. Parent Pages [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/in.umw.edu\/university-communications\/digital-communications\/managing-your-site\/sidebar-navigation-and-page-ordering\/\" \/>\n<meta property=\"og:site_name\" content=\"University Communications\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-20T20:50:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/in.umw.edu\/university-communications\/wp-content\/uploads\/sites\/9\/2024\/04\/Page-Ordering-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"299\" \/>\n\t<meta property=\"og:image:height\" content=\"58\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/in.umw.edu\/university-communications\/digital-communications\/managing-your-site\/sidebar-navigation-and-page-ordering\/\",\"url\":\"https:\/\/in.umw.edu\/university-communications\/digital-communications\/managing-your-site\/sidebar-navigation-and-page-ordering\/\",\"name\":\"Sidebar Navigation and Page Ordering - University Communications\",\"isPartOf\":{\"@id\":\"https:\/\/in.umw.edu\/university-communications\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/in.umw.edu\/university-communications\/digital-communications\/managing-your-site\/sidebar-navigation-and-page-ordering\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/in.umw.edu\/university-communications\/digital-communications\/managing-your-site\/sidebar-navigation-and-page-ordering\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/in.umw.edu\/university-communications\/wp-content\/uploads\/sites\/9\/2024\/04\/Page-Ordering-2.png\",\"datePublished\":\"2024-04-09T18:43:25+00:00\",\"dateModified\":\"2025-02-20T20:50:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/in.umw.edu\/university-communications\/digital-communications\/managing-your-site\/sidebar-navigation-and-page-ordering\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/in.umw.edu\/university-communications\/digital-communications\/managing-your-site\/sidebar-navigation-and-page-ordering\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/in.umw.edu\/university-communications\/digital-communications\/managing-your-site\/sidebar-navigation-and-page-ordering\/#primaryimage\",\"url\":\"http:\/\/in.umw.edu\/university-communications\/wp-content\/uploads\/sites\/9\/2024\/04\/Page-Ordering-2.png\",\"contentUrl\":\"http:\/\/in.umw.edu\/university-communications\/wp-content\/uploads\/sites\/9\/2024\/04\/Page-Ordering-2.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/in.umw.edu\/university-communications\/digital-communications\/managing-your-site\/sidebar-navigation-and-page-ordering\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/in.umw.edu\/university-communications\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Digital Communications\",\"item\":\"https:\/\/in.umw.edu\/university-communications\/digital-communications\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Managing Your Site\",\"item\":\"https:\/\/in.umw.edu\/university-communications\/digital-communications\/managing-your-site\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Sidebar Navigation and Page Ordering\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/in.umw.edu\/university-communications\/#website\",\"url\":\"https:\/\/in.umw.edu\/university-communications\/\",\"name\":\"University Communications\",\"description\":\"University of Mary Washington\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/in.umw.edu\/university-communications\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Sidebar Navigation and Page Ordering - University Communications","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/in.umw.edu\/university-communications\/digital-communications\/managing-your-site\/sidebar-navigation-and-page-ordering\/","og_locale":"en_US","og_type":"article","og_title":"Sidebar Navigation and Page Ordering","og_description":"Organization is key. Sidebar navigation is how users will explore the pages across your site(s). It will show the &#8220;top-level&#8221; pages that are available on your site and expand as needed to display pages that are nested underneath those top-level pages. Organizing sidebars comes down to two key components: Parent pages and Order. Parent Pages [&hellip;]","og_url":"https:\/\/in.umw.edu\/university-communications\/digital-communications\/managing-your-site\/sidebar-navigation-and-page-ordering\/","og_site_name":"University Communications","article_modified_time":"2025-02-20T20:50:42+00:00","og_image":[{"width":299,"height":58,"url":"https:\/\/in.umw.edu\/university-communications\/wp-content\/uploads\/sites\/9\/2024\/04\/Page-Ordering-2.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/in.umw.edu\/university-communications\/digital-communications\/managing-your-site\/sidebar-navigation-and-page-ordering\/","url":"https:\/\/in.umw.edu\/university-communications\/digital-communications\/managing-your-site\/sidebar-navigation-and-page-ordering\/","name":"Sidebar Navigation and Page Ordering - University Communications","isPartOf":{"@id":"https:\/\/in.umw.edu\/university-communications\/#website"},"primaryImageOfPage":{"@id":"https:\/\/in.umw.edu\/university-communications\/digital-communications\/managing-your-site\/sidebar-navigation-and-page-ordering\/#primaryimage"},"image":{"@id":"https:\/\/in.umw.edu\/university-communications\/digital-communications\/managing-your-site\/sidebar-navigation-and-page-ordering\/#primaryimage"},"thumbnailUrl":"http:\/\/in.umw.edu\/university-communications\/wp-content\/uploads\/sites\/9\/2024\/04\/Page-Ordering-2.png","datePublished":"2024-04-09T18:43:25+00:00","dateModified":"2025-02-20T20:50:42+00:00","breadcrumb":{"@id":"https:\/\/in.umw.edu\/university-communications\/digital-communications\/managing-your-site\/sidebar-navigation-and-page-ordering\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/in.umw.edu\/university-communications\/digital-communications\/managing-your-site\/sidebar-navigation-and-page-ordering\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/in.umw.edu\/university-communications\/digital-communications\/managing-your-site\/sidebar-navigation-and-page-ordering\/#primaryimage","url":"http:\/\/in.umw.edu\/university-communications\/wp-content\/uploads\/sites\/9\/2024\/04\/Page-Ordering-2.png","contentUrl":"http:\/\/in.umw.edu\/university-communications\/wp-content\/uploads\/sites\/9\/2024\/04\/Page-Ordering-2.png"},{"@type":"BreadcrumbList","@id":"https:\/\/in.umw.edu\/university-communications\/digital-communications\/managing-your-site\/sidebar-navigation-and-page-ordering\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/in.umw.edu\/university-communications\/"},{"@type":"ListItem","position":2,"name":"Digital Communications","item":"https:\/\/in.umw.edu\/university-communications\/digital-communications\/"},{"@type":"ListItem","position":3,"name":"Managing Your Site","item":"https:\/\/in.umw.edu\/university-communications\/digital-communications\/managing-your-site\/"},{"@type":"ListItem","position":4,"name":"Sidebar Navigation and Page Ordering"}]},{"@type":"WebSite","@id":"https:\/\/in.umw.edu\/university-communications\/#website","url":"https:\/\/in.umw.edu\/university-communications\/","name":"University Communications","description":"University of Mary Washington","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/in.umw.edu\/university-communications\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/in.umw.edu\/university-communications\/wp-json\/wp\/v2\/pages\/67","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/in.umw.edu\/university-communications\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/in.umw.edu\/university-communications\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/in.umw.edu\/university-communications\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/in.umw.edu\/university-communications\/wp-json\/wp\/v2\/comments?post=67"}],"version-history":[{"count":0,"href":"https:\/\/in.umw.edu\/university-communications\/wp-json\/wp\/v2\/pages\/67\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/in.umw.edu\/university-communications\/wp-json\/wp\/v2\/pages\/18"}],"wp:attachment":[{"href":"https:\/\/in.umw.edu\/university-communications\/wp-json\/wp\/v2\/media?parent=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}