  {"id":872,"date":"2023-11-01T15:29:29","date_gmt":"2023-11-01T19:29:29","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=872"},"modified":"2026-08-10T21:07:05","modified_gmt":"2026-08-11T01:07:05","slug":"site-navigation","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-4-site-organization\/site-navigation\/","title":{"rendered":"Site Navigation"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        Site Navigation\n                    <\/h1>\n                \n                                \n                                    \n\n<p class=\"wp-block-paragraph\">Intermediate Training Module 4: Site Organization<\/p>\n\n\n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<p class=\"wp-block-paragraph\">The navigation menu helps visitors move through your website and find the information they need. In this lesson, you&#8217;ll learn how to add, organize, rename, and remove menu items from your site&#8217;s navigation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note:<\/strong> For guidance on organizing menus and creating an effective site structure, see the <strong><a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-4-site-organization\/menu-best-practices\/\" type=\"page\" id=\"878\">Menu Best Practices<\/a><\/strong> lesson.<\/p>\n\n\n\n<h2 id=\"adding-a-page-to-the-navigation-menu\" class=\"wp-block-heading\">Adding a Page to the Navigation Menu<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To add a page to your menu:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to <strong>Appearance \u2192 Menus<\/strong>.<\/li>\n\n\n\n<li>Locate the page you want to add.<\/li>\n\n\n\n<li>Use <strong>Most Recent<\/strong>, <strong>View All<\/strong>, or <strong>Search<\/strong> to find the page.<\/li>\n\n\n\n<li>Select the page.<\/li>\n\n\n\n<li>Click <strong>Add to Menu<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">The page will appear at the bottom of the menu structure.<\/p>\n\n\n\n<h2 id=\"organizing-menu-items\" class=\"wp-block-heading\">Organizing Menu Items<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Menu items can be rearranged using drag and drop.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click and drag a menu item.<\/li>\n\n\n\n<li>Move it to the desired position.<\/li>\n\n\n\n<li>Click <strong>Save Menu<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Changes will appear immediately on your website once the menu is saved.<\/p>\n\n\n\n<h2 id=\"creating-submenus\" class=\"wp-block-heading\">Creating Submenus<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pages can be organized into parent and child relationships.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To make a menu item a child of another item:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Drag the menu item beneath its parent.<\/li>\n\n\n\n<li>Move it slightly to the right until it becomes indented.<\/li>\n\n\n\n<li>Click <strong>Save Menu<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Menu structures can contain multiple levels of hierarchy.<\/p>\n\n\n\n<h2 id=\"renaming-a-menu-item\" class=\"wp-block-heading\">Renaming a Menu Item<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The navigation label does not need to match the page title.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To rename a menu item:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the menu item settings.<\/li>\n\n\n\n<li>Update the <strong>Navigation Label<\/strong> field.<\/li>\n\n\n\n<li>Click <strong>Save Menu<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">This allows you to use shorter or more user-friendly labels in the navigation menu.<\/p>\n\n\n\n<h2 id=\"removing-a-menu-item\" class=\"wp-block-heading\">Removing a Menu Item<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Removing a page from the menu will not delete the page itself.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To remove a menu item:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the menu item settings.<\/li>\n\n\n\n<li>Select <strong>Remove<\/strong>.<\/li>\n\n\n\n<li>Click <strong>Save Menu<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">The page will remain available and can be re-added later if needed.<\/p>\n\n\n\n<h2 id=\"related-lesson\" class=\"wp-block-heading\">Related Lesson<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Now that you understand how to edit your navigation menu, continue to <strong><a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-4-site-organization\/menu-best-practices\/\" type=\"page\" id=\"878\">Menu Best Practices<\/a><\/strong> to learn how to organize navigation in a way that helps visitors find information quickly and easily.<\/p>\n\n\n\n<figure class=\"wp-block-embed alignwide is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio w-screen ml-offset-center cu-max-w-child-7xl px-4 md:px-6 lg:px-12\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"cutheme Advanced Training - Site Navigation\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/rbxPbPYTJ1Q?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n        \n    \n    <dl class=\"cu-description cu-component-updated\">\n        \n    <div class=\"grid pt-4 pb-3 border-b accordion border-cu-black-100 md:pt-6 md:pb-5 first:border-t\">\n        <dt class=\"font-semibold not-prose\">\n            <button class=\"flex items-center justify-between w-full text-left accordion__button\" aria-expanded=\"false\" aria-controls=\"accordion-transcript-site-navigation\">\n                <span class=\"flex-1 ml-auto text-left break-words whitespace-normal cu-icon\">\n                    Transcript &#8211; Site Navigation\n                <\/span>\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\" class=\"w-5 h-5 ml-auto transition-transform rotate-0 accordion__icon text-cu-black-500\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 4.5l7.5 7.5-7.5 7.5\"><\/path>\n                <\/svg>\n            <\/button>\n        <\/dt>\n        <dd class=\"p-0 mt-0 cu-prose cu-prose-first-last accordion__content md:p-0 md:mt-0\" hidden=\"\" id=\"accordion-transcript-site-navigation\">\n            \n\n<p class=\"wp-block-paragraph\">Hello and welcome to module 3 of our advanced cutheme training series. This video is all about site navigation and creating your menu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Having an intuitive menu is important because it allows all of your users to navigate across your website and easily find important information.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To set up your menu, log into your site, and in the backend, hover over Appearance over here at the left and then click&nbsp;<strong>Menus<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here you will see your website\u2019s entire menu structure over here at the right. Note that if it\u2019s a brand-new site, there will be nothing over here yet on the left-hand side of the screen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You\u2019ll see your options for content that you can add to the menu. Check off the pages that you want to add to the menu. We\u2019ll add a couple here. And you can view them by most recent (most recently created) all of your pages, or you can search for a particular page. Which is very handy if you have a large site with a number of pages.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once you check off the pages you want to add to the menu, click&nbsp;<strong>Add to Menu<\/strong>&nbsp;here on the right, and by default, they\u2019ll be added to the very bottom of your menu. To move an item up and down, simply drag and drop it to wherever you would like it to go within your menu. You can also make one item a sub-menu item of another by dragging it over to the right. Now this wide image block is a sub-item of our block library. You can go three levels deep in the menu on cutheme.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Clicking on the arrow will expand your options and give you the choice to change your navigation label. By default, this will be the name of your page. But it\u2019s often handy to shorten that if you want to keep your menu nice, simple and clear.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To remove an item, simply click&nbsp;<strong>Remove<\/strong>&nbsp;down here at the left. And then don\u2019t forget once you have made your changes to click&nbsp;<strong>Save Menu.<\/strong>&nbsp;&nbsp;<\/p>\n\n\n        <\/dd>\n    <\/div>\n\n\n    <\/dl>\n\n\n    <\/div>\n<\/section>\n\n\n\n<h2 id=\"try-it-out\" class=\"wp-block-heading\">Try it Out!<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add a page to your menu.<\/li>\n\n\n\n<li>Reorder the menu items.<\/li>\n\n\n\n<li>Create a parent and child page relationship.<\/li>\n\n\n\n<li>Rename a navigation label.<\/li>\n\n\n\n<li>Remove a menu item.<\/li>\n\n\n\n<li>Save your changes and review the navigation on the front end of your website.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to add, organize, rename, and remove items from your website&#8217;s navigation menu.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":530,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_cu_dining_location_slug":"","footnotes":"","_links_to":"","_links_to_target":""},"cu_page_type":[66],"class_list":["post-872","page","type-page","status-publish","hentry","cu_page_type-intermediate-training-module-4"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/872","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/comments?post=872"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/872\/revisions"}],"predecessor-version":[{"id":4294,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/872\/revisions\/4294"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/530"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=872"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}