Page Anchors


Anchors allow users to create a set place on a page to link to directly.  This can be used primarily if you want to link directly to certain pieces of information on a page.

Before you can link to a specific point on a page, you need to place an anchor point.

Creating an anchor

To create an anchor, put the cursor in front of the area you want to link to, and click the anchor shaped icon in the top toolbar.

Anchors

NOTE:  Do not highlight the text to create an anchor; this will make the text look like a link, and will not be editable.

Upon clicking the "Anchor" button, a pop-up box will appear.  

Insert AnchorIn the box that appears, type a name for the anchor.  This should ideally be one word, and follow standard naming conventions.  Anchor names should not be duplicated - each anchor should have a different name.  

Anchors

Once the anchor is named, click "OK".  A small anchor symbol will appear in edit mode.  This symbol will disappear once the page is saved and published.

Repeat this process for any additional anchor points on the page you may want, and then save and publish the page.


Naming Conventions

When naming a webpage, document file, image, or anchor, you are essentially creating a URL link.  As such, certain naming conventions must be followed.  These names may only contain lowercase letters, dashes (-), and numbers.  They may not contain CAPITAL letters, spaces (  ), or special characters (i.e. !,#,$,&, etc.).


Linking to Anchors

Once the anchors are set, you can begin linking to them directly.  Depending on the situation, there are three different ways to link to an anchor.

Linking to an Anchor in the Same Content Area

If you are linking to an anchor located within the same content area (or editable section), an additional drop-down box will appear on the "Insert/Edit Link" pop-up box.

Highlight the desired text for the link.  Click the "Insert/Edit Link" button, and select the appropriate anchor name from the "Anchor" drop-down menu.

Insert AnchorUpon selecting the desired Anchor Name, the URL field will automatically be filled with a hashtag and the name of the anchor (i.e. #example-anchor)

Insert AnchorClick "OK" to insert the link.

Linking to an anchor in a Different Content Area

If you are linking to an anchor located on the same page, but in a different content area, the "Insert/Edit Link" pop-up box will not have an "Anchors" drop-down menu.

Insert AnchorsHowever, you can still link directly to the Anchor point.  To do this, type "#anchorname" into the "URL" field.  
Example:  #example-anchor

Insert AnchorUpon clicking "OK", the link will be inserted.  Save and publish the page.

Linking to an Anchor on a Different Page

You can link to an anchor that is located on a different page.  To do this, highlight the desired link text, and click the "Insert/Edit Link" button.  

Search and select the page that has the anchor point on it. (Review the Inserting Links page to learn how to search and select pages for links.)

Insert AnchorOnce you have the correct URL in the "URL" field, you can type "#anchorname" directly after the URL.  No spaces or additional characters should be added or removed.

Insert Anchor

  Upon clicking "OK", the link will be inserted.  Save and publish the page.