shadow_tr

Contributors > Create Anchor Link

 

Sometimes you want to link to a specific part of a Web page instead of linking to the entire page. An anchor is a term used to define a hyperlink destination. They usually have two uses:

Jump to Specific Vertical Area of 2nd Web Page
Anchors can be used to link to a specific text or image area within another webpage. Instead of the link going to the top of the second webpage, it will vertically scroll to the destination when the user clicks the source link.

Table of Contents
Anchors are often used to create "table of contents" (such as "Frequently Asked Questions") at the beginning of a large webpage or quick links in the sidebar. Each chapter within the web page is given a named anchor, and links to each of these anchors are put at the top of the web page.

MORE: Use Both & Beyond
You are not limited to one or the other use. In fact, you can use both and even link from outside the CMS. When construct a relative url: tulane.edu/site/page.cfm/#anchor, it link will work from anywhere.



Steps to creating an anchor link

You will create your anchor from the bottom up. Define the destination first, and then tie it back to the source.
Think like in boating…drop the anchor (destination) and then tie off the anchor line to the vessel (source).

Create the Named Destination ANCHOR  anchorbutton

  1. Open the formatted text block that contains the text or image where you want to name your anchor.
  2. For text, highlight the word or phrase. For an image, click the image.
  3. On the second row of the tool bar, click the Anchor button.
  4. The text that you highlighted will appear in the “anchor name” (it will be blank for an image). Revise the name to one word in lowercase.
  5. Write it down if you are going to name several anchor destinations. Also, you cannot repeat anchor names on the same page.
  6. Click ‘OK’
  7. Click ‘Save’ for the Formatted Text Block
  8. Copy the URL starting with the / after the “edu” at the top of the page to your clipboard (especially if linking from a different page).

Create the Anchor Source LINK  link button

  1. Open the formatted text block that contains the text or image where you want to link your anchor.
  2. On the second row of the tool bar, click the Link button.
  3. Under "New Type" drop down menu, select ‘Unregistered URL or relative internal URL’
  4. Enter an abbreviated relative URL. Remove the “https://authoring.tulane.edu” of the URL if you copied it. You will add a “#” sign and the anchor name. Here is an example if your subsite is called “mysite”, the page is “somepage”, and your anchor name is “professor”:

SAMPLE     /mysite/somepage.cfm#professor

  1. Click ‘Save’ for ‘Insert Link to Existing Page’
  2. Click ‘Save’ for the Formatted Text Block

You are ready to submit your changes and test your link.



Citation information:

Page accessed: Saturday, August 30, 2014
Page URL: http://tulane.edu/news/webpublishing/cms/contributors/anchor-link.cfm

Tulane University, New Orleans, LA 70118 504-865-5000 website@tulane.edu