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:
- Navigate to Content > Pages.
- In the file structure, locate the page you want to add the anchor to.
- Click the file name for the page.
- Open the editable region where you want to insert the anchor.
- Place your cursor in the content where you want the anchor to be.
- In the What You See Is What You Get (WYSIWYG) toolbar, click the Anchor icon.
- Enter a name for your anchor.
- Don't use spaces or add "#" before the name.
- Click Save.
- Your anchor has now been created, and you should see an anchor icon in the text (this will not appear on the live page).
- Save and publish the page.
Linking to AnchorsLink to this section
- Navigate to Content > Pages.
- 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.
- Click the file name for the page.
- Open the editable region where you want to insert the anchor.
- Highlight the text you want to turn into a link.
- In the WYSIWYG toolbar, click the Insert/Edit Link icon to open the "Insert/Edit Link" box.
- If anchors exist on this page, the "Anchors" dropdown will be available. Select the anchor on this page you want to link to.
- If you want to link to an anchor on another page, in the "URL" field, click the file chooser .
- From file chooser, click the name of the page.
- Click Insert.
- In the "URL" field, type "#" and the anchor name (for example, *** Broken Link ***#anchorname).
- Don't use spaces in the anchor name.
- 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.
- Click Save.
- 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.