Modern Campus Catalog Emblem Modern Campus CMS Emblem Modern Campus Curriculum Emblem Modern Campus Involve Emblem Modern Campus Lifelong Learning Extended Education Emblem Modern Campus Message Emblem Modern Campus Navigate Emblem Modern Campus Schedule Emblem Modern Campus Virtual Tours & Maps Emblem Modern Campus Lifelong Learning Workforce and Community Emblem Site Menu Open Site Menu Close

Creating and Using Anchors

Create a marker on a page that you can link to by adding an anchor. Link to an anchor from other pages or from the same page. This is particularly handy if you want to direct visitors to a specific piece of content on a page.

 

This video was recorded in OU Campus v10. While the interface may have a slightly different look, the platform functionalities did not drastically change in the OU Campus 11 release.

Adding AnchorsLink to this section

Add an anchor to a page, as follows:

  1. Navigate to Content Pages.
  2. In the file structure, locate the page you want to add the anchor to.
  3. Click the file name for the page.
  4. Open the editable region where you want to insert the anchor.
  5. Place your cursor in the content where you want the anchor to be.
  6. In the What You See Is What You Get (WYSIWYG) toolbar, click the Anchor Anchor icon icon.
  7. Enter a name for your anchor.
    • Don't use spaces or add "#" before the name.
  8. Click Save.
  9. Your anchor has now been created, and you should see an anchor icon in the text (this will not appear on the live page).
  10. Save and publish the page.

Linking to AnchorsLink to this section

  1. Navigate to Content Pages.
  2. In the file structure, locate the page you want to add the anchor to.
    • This can be the same page where the anchor was inserted or a different page.
  3. Click the file name for the page.
  4. Open the editable region where you want to insert the anchor.
  5. Highlight the text you want to turn into a link.
  6. In the WYSIWYG toolbar, click the Insert/Edit Link Insert/Edit Link icon icon to open the "Insert/Edit Link" box.
  7. If anchors exist on this page, the "Anchors" dropdown will be available. Select the anchor on this page you want to link to.
  8. If you want to link to an anchor on another page, in the "URL" field, click the file chooser URL File Chooser icon.
    • From file chooser, click the name of the page.
    • ClickInsert.
  9. In the "URL" field, type "#" and the anchor name (for example, *** Broken Link ***#anchorname).
    • Don't use spaces in the anchor name.
  10. In the "Title" field, enter the name of the anchor you're linking to.
    • "Title" text appears when someone hovers over the link and is used by screen readers. This is important to meet accessibility compliance standards.
  11. ClickSave.
  12. Save and publish the page.

By default, clicking on anchored text will align to the top of the browser window. Websites designed with sticky headers may need additional CSS or JavaScript to offset the anchored text location below the header.

By continuing to use this site, you agree to the storing of first- and third-party cookies on your device to enhance site navigation; analyze site, product, and service usage; and assist in our marketing and promotional efforts. Cookie Policy