Chapter 18

Configuring Site Navigation

IN THIS CHAPTER

Bullet Configuring global and current navigation

Bullet Adding static headers and links in navigation

Bullet Creating your own custom navigation menus

SharePoint handles navigation by default. When you create a site based on a template, you already have navigational links to pages such as your Documents app, the home page, and the contents of the site. As you get more advanced with SharePoint, you may want to start modifying the default navigation and customizing it to fit your needs.

In this chapter, you see how to configure SharePoint navigation. You add your own links not only to SharePoint pages, but also to anywhere on the World Wide Web. You discover the differences between dynamic and static navigation and you delve into some of the options available when configuring navigation in your SharePoint site. In addition, you learn about navigation when the SharePoint Server Publishing Infrastructure feature is activated for the site collection. Without this feature, you can simply add, remove, and order links. With this feature activated, a whole world of SharePoint navigation is flung open.

Changing Team Site Navigation

Microsoft has done a good job of making navigation updates fairly simple for the Team site. You can add navigation to the Quick Launch menu on the left side of the page, and you can add navigation within any SharePoint page using a Web Part called Quick Links.

Later in the chapter we cover adding navigation when using a site that has the SharePoint Server Publishing Infrastructure feature enabled. If you don’t have this feature enabled, navigation is much more straightforward.

Tip You can also link sites together using Hub Sites. Hub Sites lets you group SharePoint sites together into a hub. Hub Sites are covered in Chapter 5.

Staying local with Quick Launch

SharePoint team sites display a list of navigational links along the left side of the page in the Quick Launch menu. Quick Launch, also known as the Current Navigation, displays links to featured site content such as apps and pages. By default, the team site Quick Launch includes the following links, though keep in mind that Microsoft is known to change these from time to time:

  • Home: A link back to the main start page for the team site.
  • Conversations: A link to Microsoft Outlook, which includes a feature called Groups where you and others can have conversations, share files, and connect apps. In our opinion, this sounds a lot like Microsoft Teams and we expect Teams will take over this functionality in the future.
  • Documents: A direct link to the Documents app.
  • Notebook: A link to the OneNote notebook for the site.
  • Pages: A link to the pages for the site.
  • Site Contents: A link to the Site Contents page, which shows all the apps in the site.
  • Recycle Bin: A place to retrieve items that have been deleted.

Tip The Quick Launch navigation takes up valuable space. If you are on a smaller screen, the menu is hidden for you by default. You can test this by dragging your web browser to be narrower and watch as the menu disappears. When the menu disappears, you access it by clicking the top-left hamburger menu, as shown in Figure 18-1.

Screenshot of the SharePoint page for expanding the left navigation pane on smaller screens.

FIGURE 18-1: Expand the left navigation pane on smaller screens.

The items that appear in the Quick Launch are determined by the apps you add to the site and the links you manually add to the Quick Launch. Each app contained in a site can display a link to itself on the Quick Launch.

You can easily add or remove an app from the Quick Launch using the app’s settings:

  1. Browse to the app you want to add or remove from the Quick Launch.

    For example, click the Documents app on the Site Contents page.

  2. Click the Settings gear icon located in the top-right corner of the page and then click Library Settings.

    The Library Settings page appears.

  3. In the General Settings section, click the List Name, Description, and Navigation link.

    The General Settings page appears.

  4. In the Navigation section, indicate whether to include the list or library on the Quick Launch by selecting Yes or No.
  5. Click the Save button.

    The links in the Quick Launch update to reflect your changes.

You also can disable the Quick Launch entirely for a site. You can add a site hierarchy called a Tree View to the left navigation panel instead of the Quick Launch. If you leave the Quick Launch enabled, the Tree View appears below the Quick Launch. To perform either of these tasks, follow these steps:

  1. Click the Settings gear icon, choose Site Contents, and then click Site Settings for the site you want to manage.
  2. In the Look and Feel section, click the Navigation Elements link.

    The Tree View/Navigation Elements page appears. Figure 18-2 shows the Tree View/Navigation Elements page.

  3. Choose whether to enable the Quick Launch or the Tree View or both by selecting the Enable Quick Launch and/or Enable Tree View check boxes.
  4. Click OK.
Screenshot of the Office 365 window displaying the Tree View/Navigation Elements page that is used to enable or disable the Quick Launch and the Tree View.

FIGURE 18-2: The Tree View/Navigation Elements page is used to enable or disable the Quick Launch and the Tree View.

Adding quick links to a page

The Team site includes a section called Quick Links by default, as shown in Figure 18-3. You can add links to this section to make the site easier to use. For example, you might want to add a link out to a help article on docs.microsoft.com or you might want to add links for your partners. You can add any link to the Quick Links section.

Screenshot of the SharePoint page for adding links to the Quick Links Web Part, by clicking the Edit button in the upper-right corner to enter edit mode for the page.

FIGURE 18-3: Adding links to the Quick Links Web Part.

Tip The default Quick Links section is really just a Web Part that you can add to any page. We cover adding Web Parts to pages in Chapter 6.

To add links to the Quick Links Web Part, follow these steps:

  1. Navigate to the page that contains the Quick Links Web Part.
  2. Click the Edit button in the upper-right corner to enter Edit mode for the page.
  3. Click Add Links at the top of the Quick Links Web Part, as shown in Figure 18-3.
  4. Choose a link to add.

    You can add a link to any recent locations, to a OneDrive document, to another SharePoint site, to a document you upload, or to an actual web link. In this example we will add a link to the docs.microsoft.com website, as shown in Figure 18-4.

  5. Once you have the link in place click Open.

    The link will be added to the Web Part and you will be presented with the details of the link (see Figure 18-5). Here you can change the title, the thumbnail, and provide alternative text.

  6. Click the close button at the top right of the pane to close the details pane for the link.
  7. Click the Publish button, which appears in the top-right corner of the page, to publish the page with the new link.

    The final result is shown in Figure 18-6. Now anyone that visits the site can click the link that was just added to open a new web browser tab that takes them to the Microsoft technical documentation site.

“Screenshot of the SharePoint page for adding the docs.microsoft.com link to a OneDrive document, to another SharePoint site, to a document being uploaded, or to an actual web link.”

FIGURE 18-4: Adding the docs.microsoft.com link.

Screenshot of the SharePoint window displaying the details pane for a link in the Quick Links Web Part.

FIGURE 18-5: The details pane for a link in the Quick Links Web Part.

Screenshot of the SharePoint site displaying the result of adding a link to the Quick Links Web Part on the home page of a Team site.

FIGURE 18-6: The result of adding a link to the Quick Links Web Part on the home page of a Team site.

Taking on Advanced Navigation

SharePoint navigation is fairly straightforward until you turn on the SharePoint Server Publishing Infrastructure feature. This feature is activated and deactivated at the site collection level. When the feature is not active for the site collection, you manage SharePoint navigation in a straightforward manner. When it is activated, you manage SharePoint navigation in a more advanced manner. In addition, the name of the navigation settings links on the Site Settings page change when the feature is activated. To see exactly how the SharePoint Server Publishing Infrastructure changes the names of the links, check out Chapter 17 where we turn it on and take a look at what changes it makes to Site Settings.

Tip The SharePoint Server Publishing Infrastructure feature is activated for a site collection. If you’re a site administrator, it may be out of your hands whether this feature is activated or not. You will know right away if the feature is activated by looking at the links in the Look and Feel section on the Site Settings page. If you see the Navigation link, the Feature is activated. If instead you see the Quick Launch and Top Link bar links, the feature is not active.

Configuring SharePoint navigation

The navigation options in a publishing site adds additional configuration options for managing SharePoint navigation. There are two kinds of navigation that can be managed:

  • Global navigation is the primary navigation your site visitors use to reach the main areas in your site, no matter where they are in your site. Global navigation is usually positioned somewhere at the top of the page and is consistent across every page in your site.
  • Current navigation is contextual navigation that is usually found in the body of the page, usually on the left, and provides access to pages within each major area of your site. This navigation is considered contextual because the navigation items may change, depending on where the visitor is in the site.

SharePoint provides two navigation menus that correspond with global and current navigation. The Top Link bar is the global navigation menu that’s usually present at the top of publishing pages. The Quick Launch menu provides the current navigation that appears along the left side of most pages.

SharePoint’s publishing site assumes that you want global and current navigation menus created dynamically based on site hierarchy. To that end, configuring navigation in a publishing site requires two things:

  • A site hierarchy that matches your navigation requirements. In other words, you have subsites for the major items in your global navigation and pages for the items below. Any time you want to create a new grouping of pages in the navigation menu, you have to create a new subsite.

    This often leads to extensive nesting of sites, which we recommend you avoid. This is one reason that people start looking for alternative approaches to navigation.

  • The ability to think in terms of the current site you’re setting navigation options for, its parent site, its sibling sites, and any children sites that may exist. This can be extremely confusing to people, which is one reason why we see many people abandon dynamic navigation. It’s too hard to keep track of what’s happening where.

Configuring global navigation

In most publishing sites, you want all pages and sites to display the same navigation settings. SharePoint can dynamically display all subsites and pages within a subsite in your global navigation. Pages display in a drop-down list.

Each site in your publishing site can have its own global configuration settings. So you need to perform the following steps for each site. The settings you make in a subsite, such as whether to display pages, impacts navigation for the entire site, not just what the visitor sees when they’re on that site. Follow these steps:

  1. Browse to the publishing site or subsite for which you want to configure global navigation.
  2. Click the Settings gear icon, choose Site Contents, and then click Site Settings.
  3. Click the Navigation link in the Look and Feel section.

    The Site Navigation Settings page appears.

  4. In a parent site, such as the top-level site, use the Global Navigation section to indicate whether you want to display navigation items that are below the parent site.

    Select the Show Subsites options to display each subsite in the global navigation. To show the pages that have been created in the parent site, select Show Pages.

    Tip Scroll down to the Structural Navigation: Editing and Sorting section of the page to get a sneak peek at your global navigation hierarchy.

  5. In a child site, use the Global Settings section to determine whether the subsite will display the same global navigation items as its parent site.

    Select the Show Subsites and Show Pages options to display subsites and pages on the current site and any other site (parent or child) that opts to display navigation for the site you are configuring.

    Remember A child site can be a parent site to another site. For example, you might create a subsite in your publishing site called MyPubSubSite. If you enable Show Subsites and Show Pages, the top-level home site will also display any pages and subsites of the MyPubSubSite navigation option.

  6. Click OK to save your global navigation settings.

Tip We usually have two browser windows open when we configure navigation. We use one browser window to configure the navigation and another to view the changes we made.

The subsite, MyPubSubSite, is configured to show pages. Table 18-1 summarizes typical global navigation settings.

TABLE 18-1 Typical Global Navigation Settings

When You Select This Option

This Appears in Global Navigation

Select the Show Subsites check box in each site in your hierarchy.

Subsites automatically appear in the global navigation as soon as they’re created. If this option isn’t selected in the parent site, no subsites appear in your global navigation.

Select the Show Pages check box in each site in the hierarchy.

Pages automatically appear in the global navigation as soon as they’re approved. If this option is selected in the parent site, the parent’s sites pages appear as siblings to any subsites in the global navigation.

Select the Display the Same Navigation Items as the Parent option.

All sites have the same global navigation. Make sure you select this option in each site’s global navigation settings.

Configuring current navigation

Configuring current navigation settings for each site is similar to global navigation. You have the same options to automatically show pages and subsites. As shown in Figure 18-7, you have these options to determine what items appear in the site’s current navigation:

  • Display the Same Navigation Items as the Parent Site: This option displays the current navigation items using the settings of the parent site.
  • Managed Navigation: This option enables you to manage navigation using a set of terms you define called Managed Metadata. When you select this option, your site will show sites and subsites based on the terms you have defined and not the subsites and pages in the site. When you select the Managed Navigation option, the option to show subsites and pages disappears.
  • Structural Navigation: This option gives you the choice to display subsites and pages below the current site.
Screenshot of the Office 365 Site Settings page displaying the current navigation options to determine what items appear on the site.

FIGURE 18-7: Current navigation options.

Remember Choosing the Show Pages and Show Subsites options in the Global Navigation section makes navigation items appear for pages and subsites in the top navigation. Choosing the Show Pages and Show Subsites option in the Current Navigation section shows the navigational links in the left navigation.

Configuring Static Navigation

Most clients we work with don’t want pages and subsites showing automatically in their navigation. They usually want a static menu that doesn’t change when someone publishes an article page.

You can opt to use a static navigation menu by deselecting the Show Pages and Show Subsites options in the navigation settings for each site. You can then manually enter whatever navigation you want to appear in the global and current navigation for each site.

To manually configure your navigation items:

  1. Browse to the site you want to configure, choose the Settings drop-down (gear icon), select Site Settings, and then click the Navigation link in the Look and Feel section.
  2. Scroll down to the Structural Navigation: Editing and Sorting section.

    This section shows a hierarchy of your global and current navigation items, as shown in Figure 18-8. The items you see here depend on the settings you make in the global navigation and current navigation settings of the page. For example, if you select the Show Subsites in Global Navigation option, you see subsites listed in this section of the page.

  3. To add a new navigation to your global or current navigation, click the place in the hierarchy where you want to add the item.
  4. Click the Add Heading button to add a new heading, or click the Add Link button to add a new link.

    Figure 18-9 shows the Navigation Heading dialog box. The Add Link dialog box looks exactly the same. A heading doesn’t require a web address or URL. That is, you can use a heading to contain links without requiring that the heading point to anything in the browser.

  5. Enter the details for the navigation item.

    You have these options:

    • Title: The text you enter in this field appears in the navigation menu.
    • URL: Enter the page where the item links to. This is an optional field for headings.
    • Open Link in New Window: Select this check box to open the link in a new window.
    • Description: The text you enter in this field displays as a tooltip when someone hovers the cursor over the navigation item.
    • Audience: Use this text box to filter the navigation item so that only members of the selected audience can see the navigation item.

    Tip Get creative about adding navigation items. We often add static links to the current navigation for common tasks that people need to perform, such as managing a group’s membership.

  6. Click OK to save your heading or link.

    The heading appears in the site’s navigation hierarchy, as shown in Figure 18-10. Use the Move Up or Move Down buttons to reposition the item in the hierarchy.

  7. Repeat Steps 3–6 to add more links and headings to your navigation hierarchy.
  8. Use the Edit button to make additional changes to the hierarchy.

    Click the Edit button to modify the Title, Description, URL, or Audience for a navigation item.

  9. Click OK to save your navigation settings.
Screenshot of the Office 365 window displaying the navigation hierarchy of global and current navigation items.

FIGURE 18-8: View the navigation hierarchy.

Screenshot of the Navigation Heading dialog box to enter the details for the navigation item such as the Title, Description, URL, or Audience.

FIGURE 18-9: Adding a new heading to your current navigation.

Screenshot of the Office 365 window displaying an item that appears in the navigation hierarchy and modify the navigation settings.

FIGURE 18-10: Your item appears in the navigation hierarchy.

Navigating with Web Parts

It’d be naïve to expect that you only need to use two kinds of site navigation. In reality, webmasters and site visitors expect lots of ways to get to content. In Chapter 6, we discuss the Content Rollup Web Parts. These Web Parts are often used to provide the additional navigation options that you want to see inside your web pages, not just in the header and along the side.

One such Web Part, the Table of Contents Web Part, can be used to create a sitemap. A considered best practice is to provide a sitemap, and the Table of Contents Web Part dynamically generates it for you.

Technical stuff Advanced web developers can use a custom master page to control where the site’s navigation menu appears on the page. For example, if you want the current navigation on the right instead of the left, you can have it moved there in the master page. Customizing master pages is not an easy task and should be left to SharePoint master page experts. SharePoint expects certain controls and behaviors from a master page, and if it is customized in the wrong way, SharePoint will throw errors.

Understanding Managed Navigation

In many cases, people want more control over the site navigation than SharePoint provides out of the box. Publishing sites provide great options for dynamically displaying the navigation based on the site’s hierarchy, but what if you want to display navigation based on metadata?

SharePoint includes Managed Navigation. Managed Navigation allows you to drive SharePoint navigation based on managed metadata. Managed metadata is hierarchal in nature and is managed at the site collection level. When you tie navigation to this hierarchy, you can be sure that every site in the site collection will subscribe to the same structure. When you need to update the hierarchy, you update it for the entire site collection, and every site automatically updates navigation as well. The Managed Navigation option can be seen on the Navigation Settings page shown in Figure 18-7.

Technical stuff If you still need more navigation control, you can always bring in developers. SharePoint is built on standard web technologies and allows developers to use special controls for modifying navigation. Because this involves writing code, it’s best left to professional developers — but you should at least know it’s possible.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset