Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

How to Customize Navigation Links in the Site Admin

Overview: This guide will walk you through customizing the navigation items in your site's header and side navigation using the Site Admin sectionsections.

Steps:

  1. Accessing the Site Admin

    • Select the settings cog at the website's top right-hand side to access the Site Admin.

  2. Navigating to the Navigation settings

    • Once in the Site Admin section, locate and select Navigation from the left-side Nav to access the navigation settings.

Overview of the Navigation Page Overview of the navigation page | Customizing the header navigation | Customizing the quick links navigation | Creating new navigation items | Additional tips

Overview of the navigation page
Anchor
Overview-of-the-navigation-page
Overview-of-the-navigation-page

The navigation page has two sections, the first section is : the Header Navsection. Links created, edited, and deleted here are and Quick Links.

  • Header Nav: Links edited or created here will reflect on your

...

  • site's Header Navigation. The Save button displays real-time updates.

  • Quick Links: Links edited or created here are reflected on your

...

Each section functions the same with the ability to Add, Reorder, and Delete links to each section. Use the corresponding save button to update the section according to the changes made within the section. Below, you will find directions on how to create, edit, reorder, and delete navigation items.

Customizing the Header Navigation:

  1. on the navigation page, find the Header Nav section.

    • Here, you will encounter a roster of default navigation links that are initially visible. You can create new links, edit them, adjust their order, or delete them. Additionally, you can create new icons using the Add Link button.

Customizing the Quick Links Navigation:

  1. On the Navigation page, find the Quick Link section.

    • Here, you will encounter a roster of default navigation links that are initially visible. You can create new links, edit them, adjust their order, or delete them. Additionally, you can create new icons using the Add Link button.

Creating new Navigation items

...

In the header navigation section, select the Add Link button.

Once selected, the Create Quick Link window opens with options for:

Link Text

  • site's Side Navigation menu. Real-time updates can be viewed under What Users Will See.

...

Customizing the header navigation
Anchor
Customizing-the-header-navigation
Customizing-the-header-navigation

  1. Locate the Header Nav section on the navigation page.

  2. Here, you'll find default navigation links. Here, you can use the Add Link button to create new links, edit existing navigation links through the pencil icons, adjust their order by dragging and dropping, or delete navigation links using the X icons.

  1. Locate the Quick Links section on the navigation page.

  2. Like the Header Nav section, you can create new links using the Add Link button, edit existing navigation links through the pencil icons, adjust their order by dragging and dropping, or delete navigation links using the X icons.

Creating new navigation items
Anchor
Creating-new-navigation-items
Creating-new-navigation-items

...

  1. Select the Add Link button in the section you want to create a new link within.

    • Header Nav

    • Quick Links

  2. Fill out the required fields in the Create Quick Link window, including Link Text, Destination, Icon, and Link Style.

    • Link Text: This text will show on the button or as a tooltip and is required.

    • Destination with a Checkbox to designate internal (default on).: The link's destination

      of the link

      . Search for Pages, Courses, Groups, or Library content to create an internal link.

      • To create an external External link that will open in a new tab, uncheck the internal box and add a valid URL.

    • Icon: Choose an icon to accompany the link.

      If you have already set an icon for an internal link with a photo, the icon will show instead of the photo.

      2024-03-28_21-28-54.pngImage Added

    • Link Style: Choose from the 3 link styles:

      • Text: Text with an optional icon to the left.

      • Icon: Only a large icon shows with a tooltip on hoverwhen hovering.

      • Icon with Text: A large icon with text underneath

  3. Once all the information is filled out, select the Create button Select Create to finish setting up the new header nav item.

Edit Navigation items

  1. Select the Pencil icon on the navigation item you want to edit to open the Edit Navigation Link window.

  2. Here you can update:

    • Link Text

    • Destination

    • Icon

    • Link style

  3. Save changes using the Save button to ensure your updates are saved.

  4. The Cancel button will cancel all updates and close the Edit Navigation Link window

Deleting Navigation items

  1. Select the X icon on the navigation item you want to delete

  2. Select the Save button to ensure your changes are updated.

Reordering Navigation items

  1. Click to drag the navigation item you want to reorder and drop them where you want them.

  2. Save changes to ensure your changes are updated.

Saving Changes

...

Info

After making changes, select the Save button to

...

update the

...

respective navigation section

...

End Result: You have successfully customized the Navigation link shown in your site's header and side navigation sections according to your preferences.

...

.

Additional tips
Anchor
Additional-tips
Additional-tips

  • Regularly review and update your navigation to ensure it aligns alignment with your site's content and objectives.

  • Test the navigation on different devices to ensure for optimal user experience across various platforms.

  • If you encounter any issues or have questions about the navigation settings, contact Contact your JUNO team representative for assistance .

...

  • with any navigation issues or questions.