Anchor - Carleton CMS Help Centre

Having an anchor on your page will bring your site’s visitors to designated areas of a page. Adding an anchor involves two steps: creating an anchor and creating a link to that anchor.

For a sample anchor, this link leads to the video tutorial further down this page

Step-by-Step

Create an anchor

Click in the Content Editor area where you would like to place the anchor.
Click on the anchor icon from the editing panel.
Enter a name for your anchor. Be sure to use a name that will be recognizable. Do not use spaces or special characters in the name.
Click OK.
A small anchor will appear in the content editing area. This icon will not be visible on your site. This anchor indicates the point where the anchor link will lead.

Link to an anchor

Create an anchor using the steps above.
On the page you would like your link to appear on, highlight the linking text.
Click on the “Insert/edit link” button.
Paste the URL of the page you are linking to, and add a hashtag and your anchor name to the end of the URL (ex. carleton.ca/example#anchor).
1. If you are linking to an anchor on the same page as your linking text, you can also just type the hashtag and anchor name (ex. #anchor)
Hit Enter or press the Apply button

Video Tutorial

Transcript

Module Three: Anchors

Hello and welcome to Module 3 of our Advanced CMS Training. This video will cover anchors. Anchors allow visitors to your page to easily jump to specific parts of the page.

First, you will need to place an anchor onto your page. You can do this by clicking where you would like your anchor to be within the content editor. Then, just click the anchor icon. From the screen that pops up, type your anchor title into the Id field. Then click OK. The anchor will appear on the content editor.

Next, you need to link to your anchor. You can link within the same page or link to it from another page. To create this link, highlight the text you want to link to your anchor. Then click the Insert / edit link button. Within the field that appears, insert the link of the page where your anchor is. At the end of the URL, type a hashtag and then your anchor name. If you’re linking to an anchor within the same page, you can omit the URL and just insert the hashtag and anchor. In either case, when you’re done, hit the Apply button.

Try It Out!

Anchors are useful for easily navigating page content. Try adding one to your page!

Create an anchor on a page.
Link to that anchor from that same page.
Link to that anchor from another page.

Next: Module 4

Share: Twitter, Facebook
Short URL: https://carleton.ca/cms-help/?p=1349