Key Concepts<\/h2>\n\n- Your site’s primary nav bar is the hierarchical page menu for your site.<\/li>\n
- Pages must be both a) published; and b) visible to appear in the navigation system.<\/li>\n
- Top-level (parent) pages appear in your primary nav bar; second-level (child) pages appear as drop-down menus.<\/li>\n
- The content navigation widget displays up to five-levels deep in the page hierarchy.<\/li>\n
- Posts are not included in the BU Navigation system; this only applies to pages.<\/li>\n<\/ul>\n
How To Use the Tools of BU Navigation<\/h2>\n
Primary Nav Bar Options\/Settings<\/h3><\/span>
\nSeveral settings are available to individuals with the “Site Admin” role via the WordPress dashboard Appearance<\/strong> ><\/strong> Primary Navigation<\/strong>.<\/span><\/p>\nHere you can:<\/p>\n
\n- choose whether or not to display a primary navigation bar<\/li>\n
- choose whether or not to use drop-down menus<\/li>\n
- choose whether or not to allow new top-level pages<\/li>\n
- specify a maximum number of items that appear in the primary navigation bar.<\/li>\n<\/ul>\n
![\"Screenshot](\"\/tech\/files\/2025\/03\/screenshot_563-636x507.png\")
\n<\/div>\n<\/div>\n<\/span><\/p>\nPage Order: Editing Basics<\/h3><\/span><\/p>\nPages on BU WordPress websites are organized in an hierarchical manner (top-level pages, child pages, and so forth). BU Navigation adds an expanding\/collapsing, drag-and-drop interface to re-order published pages on your site. This is accessible through the WordPress dashboard via Pages > Edit Order<\/strong>.<\/p>\n![\"WordPress](\"\/tech\/files\/2025\/03\/screenshot_564-636x469.png\")
<\/p>\n
With this interface, sections of a site can be expanded\/collapsed, and any page can be moved to a new location within the hierarchy via drag-and-drop. When you finish making changes here, click the Publish Changes<\/strong> button to save your updates.<\/p>\nThis interface also includes badges on those pages indicating if they are privately published, restricted, or not in nav (page visibility is not turned on – see section on page visibility).<\/p>\n
When you select a page in this interface, an options panel reveals a menu where you can edit, view, or trash the selected page.<\/p>\n
![\"screenshot](\"\/tech\/files\/2025\/03\/screenshot_570-636x613.png\")
<\/p>\n
<\/div>\n<\/div>\n<\/span><\/p>\nPage Visibility<\/h3><\/span><\/p>\nBU Navigation works under the concept that you can publish a page but not necessarily make it visible to the navigation menus. Every page has a “Placement In Navigation” settings box that includes a toggle for page visibility. If you want the page visible in navigation menus, turn this checkbox on.<\/p>\n
Otherwise, you can publish the page but with visibility off, it is essentially hidden from the navigation menu system.<\/p>\n
![\"screen](\"\/tech\/files\/2025\/03\/screenshot_569-536x636.png\")
<\/p>\n
<\/div>\n<\/div>\n<\/span><\/p>\nAdd A Link<\/h3><\/span><\/p>\nBU Navigation adds the option to “Add A Link” which acts just like a page in your nav menus. \u00a0The added link will show up in your nav menus where you specify, and when clicked the users will be taken to the URL that you specify here when you add the link through the Edit Order interface.<\/p>\n
![\"Screenshot](\"\/tech\/files\/2025\/03\/screenshot_566-636x355.png\")
<\/p>\n
When you “add a link” in this manner, it displays within the Edit Order interface with a chain link icon.<\/p>\n
![\"screenshot](\"\/tech\/files\/2025\/03\/screenshot_568-636x349.png\")
<\/p>\n
Highlighting the added link will reveal the options menu, which is where you would view, edit or delete the link.<\/p>\n
![\"screenshot](\"\/tech\/files\/2025\/03\/screenshot_571-636x190.png\")
<\/p>\n
![\"screenshot](\"\/tech\/files\/2025\/03\/screenshot_572-636x301.png\")
<\/p>\n
<\/div>\n<\/div>\n<\/span><\/p>\nPage Order: Details<\/h3><\/span><\/p>\nDrag-and-Drop<\/h4>\n
This interface is a drag-and-drop list of your page hierarchy. To re-order, click + hold + drag a page to where you want to move it. Color indicators will show when you can drop a page into a parent page’s section and\/or between pages.<\/p>\n
![\"screenshot](\"\/tech\/files\/2025\/03\/image-1-636x176.png\")
<\/p>\n
Page Options<\/h4>\n
When hovering over a page, the options<\/strong> link will appear on the right side of the box. This panel contains three options for the selected page.<\/p>\n\n- Edit:<\/strong> Directs the user to the \u2018Edit Page\u2019 url.<\/li>\n
- View:<\/strong> Directs the user to the live page.<\/li>\n
- Move to Trash:<\/strong> Moves the selected page to the trash bin with the option of restoring the page at a later date. If the menu item is a link, it will be deleted forever.<\/li>\n<\/ul>\n
![\"screenshot](\"\/tech\/files\/2025\/03\/image.png\")
<\/p>\n
Badges<\/h4>\n
Badges give the user a quick look into the status of individual pages and links. If no badge is present, the page or link is live and visible.<\/p>\n
\n- New:<\/strong> The page has been added to the navigation but has not yet been published.<\/li>\n
- Draft:<\/strong> Indicates the page is a draft and won\u2019t appear in the navigation.<\/li>\n
- Pending:<\/strong> Indicates the page is pending and won\u2019t appear in the navigation.<\/li>\n
- Not in Nav:<\/strong> Page is published but visibility is not turned on.<\/li>\n
- Restricted:<\/strong> Indicates the page is restricted to an access group.<\/li>\n
- Protected:<\/strong> Indicates the page is password protected.<\/li>\n<\/ul>\n
(Some of these badges are only seen when BU Versions is enabled.)<\/em><\/p>\n![\"screenshot](\"\/tech\/files\/2025\/03\/screenshot_564-1-636x284.png\")
<\/p>\n
<\/div>\n<\/div>\n<\/span><\/p>\nPlacement In Navigation<\/h3><\/span><\/p>\nBU Navigation adds the “Placement in Navigation” settings box. These settings appear on each individual page<\/strong> and determine the properties of how the page displays within your navigation system.<\/p>\n![\"screenshot](\"\/tech\/files\/2025\/03\/screenshot_575-519x636.png\")
<\/p>\n
Placement<\/strong>: this top section shows the placement within the site’s page hierarchy. To move the page, click the Move Page button here to open a pop-window that provides a drag-and-drop interface to re-order the page. Always remember to save changes after re-ordering pages.<\/p>\nLabel<\/strong>: this determines the text that will be shown in navigation menus when linking to the page. This can be quite useful when you have long page titles (as shown on the web page itself) but you want the nav menu text to be shorter or abbreviated.<\/p>\nVisibility<\/strong>: this determines whether the page is visible to the menu system (primary navigation menu and content navigation menus). This allows you to publish a page that does not display within your site’s navigation system.<\/p>\n<\/div>\n<\/div>\n<\/span><\/p>\nContent Navigation Widget<\/h3><\/span><\/p>\nBU Navigation adds a Content Navigation widget to WordPress. Use this widget in your main sidebar or other widget-enabled page components to display a content navigation menu. The Content Navigation widget will display links to pages up to five levels deep in your site’s page hierarchy. You have multiple settings for this menu.<\/p>\n
![\"\"](\"\/tech\/files\/2025\/03\/screenshot_581-636x592.png\")
<\/p>\n
\n- Title:<\/strong> Your content nav menu can display without a title, can use the section name as the title, or you can enter custom text here for the menu title.<\/li>\n
- URL:<\/strong> Optionally enter a URL for the landing page for this menu (should someone click the menu title).<\/li>\n
- List Style:<\/strong> Your content nav menu can list your nav menu in three different styles (“style” here means the manner of how and what links are displayed).\n
\n- Site:<\/strong> The entire site’s structure will be display in content navigation.<\/li>\n
- Section:<\/strong> Only the active section’s structure will be displayed in content navigation.<\/li>\n
- Adaptive:<\/strong> The content navigation widget will adapt to your site’s content. This option is recommended for larger sites.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
The current page will always be displayed in the content navigation.<\/strong><\/p>\n<\/div>\n<\/div>\n<\/span><\/p>\nCreating a New Page\/Editing Draft Page<\/h3><\/span><\/p>\nWhen creating a new page in WordPress, it is best practice to follow two steps: 1) save an initial draft version of your page; and 2) move your page to its appropriate place in the site’s page hierarchy. After that, continue working on the draft as normal until published. This helps keep your page hierarchy organized.<\/p>\n
As noted above in the “Placement in Navigation” settings, the Move Page button gives you direct access to update the page’s location in the site’s page hierarchy.<\/p>\n
![\"screenshot](\"\/tech\/files\/2025\/03\/screenshot_576-636x386.png\")
<\/p>\n
<\/div>\n<\/div>\n<\/span><\/p>\nIntegration with BU Section Editing<\/h3>
How To Use the Tools of BU Navigation<\/h2>\n
Here you can:<\/p>\n Pages on BU WordPress websites are organized in an hierarchical manner (top-level pages, child pages, and so forth). BU Navigation adds an expanding\/collapsing, drag-and-drop interface to re-order published pages on your site. This is accessible through the WordPress dashboard via Pages > Edit Order<\/strong>.<\/p>\n With this interface, sections of a site can be expanded\/collapsed, and any page can be moved to a new location within the hierarchy via drag-and-drop. When you finish making changes here, click the Publish Changes<\/strong> button to save your updates.<\/p>\n This interface also includes badges on those pages indicating if they are privately published, restricted, or not in nav (page visibility is not turned on – see section on page visibility).<\/p>\n When you select a page in this interface, an options panel reveals a menu where you can edit, view, or trash the selected page.<\/p>\n <\/div>\n<\/div>\n<\/span><\/p>\n BU Navigation works under the concept that you can publish a page but not necessarily make it visible to the navigation menus. Every page has a “Placement In Navigation” settings box that includes a toggle for page visibility. If you want the page visible in navigation menus, turn this checkbox on.<\/p>\n Otherwise, you can publish the page but with visibility off, it is essentially hidden from the navigation menu system.<\/p>\n <\/div>\n<\/div>\n<\/span><\/p>\n BU Navigation adds the option to “Add A Link” which acts just like a page in your nav menus. \u00a0The added link will show up in your nav menus where you specify, and when clicked the users will be taken to the URL that you specify here when you add the link through the Edit Order interface.<\/p>\n When you “add a link” in this manner, it displays within the Edit Order interface with a chain link icon.<\/p>\n Highlighting the added link will reveal the options menu, which is where you would view, edit or delete the link.<\/p>\n <\/div>\n<\/div>\n<\/span><\/p>\n This interface is a drag-and-drop list of your page hierarchy. To re-order, click + hold + drag a page to where you want to move it. Color indicators will show when you can drop a page into a parent page’s section and\/or between pages.<\/p>\n When hovering over a page, the options<\/strong> link will appear on the right side of the box. This panel contains three options for the selected page.<\/p>\n Badges give the user a quick look into the status of individual pages and links. If no badge is present, the page or link is live and visible.<\/p>\n (Some of these badges are only seen when BU Versions is enabled.)<\/em><\/p>\n <\/div>\n<\/div>\n<\/span><\/p>\n BU Navigation adds the “Placement in Navigation” settings box. These settings appear on each individual page<\/strong> and determine the properties of how the page displays within your navigation system.<\/p>\n Placement<\/strong>: this top section shows the placement within the site’s page hierarchy. To move the page, click the Move Page button here to open a pop-window that provides a drag-and-drop interface to re-order the page. Always remember to save changes after re-ordering pages.<\/p>\n Label<\/strong>: this determines the text that will be shown in navigation menus when linking to the page. This can be quite useful when you have long page titles (as shown on the web page itself) but you want the nav menu text to be shorter or abbreviated.<\/p>\n Visibility<\/strong>: this determines whether the page is visible to the menu system (primary navigation menu and content navigation menus). This allows you to publish a page that does not display within your site’s navigation system.<\/p>\n <\/div>\n<\/div>\n<\/span><\/p>\n BU Navigation adds a Content Navigation widget to WordPress. Use this widget in your main sidebar or other widget-enabled page components to display a content navigation menu. The Content Navigation widget will display links to pages up to five levels deep in your site’s page hierarchy. You have multiple settings for this menu.<\/p>\n The current page will always be displayed in the content navigation.<\/strong><\/p>\n <\/div>\n<\/div>\n<\/span><\/p>\n When creating a new page in WordPress, it is best practice to follow two steps: 1) save an initial draft version of your page; and 2) move your page to its appropriate place in the site’s page hierarchy. After that, continue working on the draft as normal until published. This helps keep your page hierarchy organized.<\/p>\n As noted above in the “Placement in Navigation” settings, the Move Page button gives you direct access to update the page’s location in the site’s page hierarchy.<\/p>\n <\/div>\n<\/div>\n<\/span><\/p>\nPrimary Nav Bar Options\/Settings<\/h3>
\nSeveral settings are available to individuals with the “Site Admin” role via the WordPress dashboard Appearance<\/strong> ><\/strong> Primary Navigation<\/strong>.<\/span><\/p>\n\n
\n<\/div>\n<\/div>\n<\/span><\/p>\nPage Order: Editing Basics<\/h3>
<\/p>\n<\/p>\nPage Visibility<\/h3>
<\/p>\nAdd A Link<\/h3>
<\/p>\n<\/p>\n<\/p>\n<\/p>\nPage Order: Details<\/h3>
Drag-and-Drop<\/h4>\n
<\/p>\nPage Options<\/h4>\n
\n
<\/p>\nBadges<\/h4>\n
\n
<\/p>\nPlacement In Navigation<\/h3>
<\/p>\nContent Navigation Widget<\/h3>
<\/p>\n\n
\n
Creating a New Page\/Editing Draft Page<\/h3>
<\/p>\nIntegration with BU Section Editing<\/h3>
![\"screenshot](\"\/tech\/files\/2025\/03\/image.jpeg\")
<\/p>\n