Linking and Anchoring

Linking

Part of the CIS portfolio’s goal is to demonstrate the connections within your major. Linking is not only a requirement for this, it is a huge help and pretty simple. While editing a page there are two different link buttons: a link and an unlink button.

To link:

  1. Highlight the word or phrase you want to link, click the link button (looks similar to a sideways 8 with a bar in it)
  2. Type in the URL or choose a page from your site
  3. Make sure to choose your preference of opening a new tab/window or not. (Please note– once that is selected, until you uncheck the box your next link will also open in a new tab. It’s a good thing to keep an eye out for.)

For example, if you click here, you will go back to the home page without opening a new tab. If you click here, you will go to the help page on menus. Or lead people to a new window and go to gmail, google, and the sites that helped fill out your major and projects.

To unlink:

  1. Without deleting the text you linked, highlight the light and click the unlink button (next to the link button, looks like a broken 8 with sparks flying out.

To edit a link:

  1. Highlight the link again.
  2. Click the link button and the editing box will pop up, change whatever you need to!

I highly suggest testing your links just to make sure they are working the way you want them.

Anchoring

Anchoring is a useful tool for long pages, say for the list of your courses and descriptions of each course. You could make multiple subpages or you can use the anchor tool to bounce through your courses and back to the top of the page. The anchor button is not automatically in the button options on your editing bar.

To add the anchor button:

  1. Go to Plugins – Ultimate TinyMCE – activate.
  2. Once that is activated, go to Settings- Ultimate TinyMCE –  scroll down the page and find the Anchor option/button.
  3. Enable the button and choose the row you want the button on (we suggest row 3, row 1 is the set choice) and update the plugin at the bottom.

Now that you have an anchor button, let me explain more about anchoring. Anchors are invisible when viewing your website. They are places that you can link to on a specific page. A common example is a long page with a link that says “top of page“. Remember what you name your anchor so you can successfully link to it.

How to anchor:

  1. Highlight a word or title that you want to have anchored then click the anchor button. (For example, on this page I highlighted the title “Linking” for the top of page anchor.)
  2. Choose what you want to name it. (I suggest you name the top of the page, top, or for lower sections use the first word or a key word.)
  3. A little yellow square with an anchor should appear by the word or phrase you highlighted. It won’t appear on the site, but it’s handy to know where you have placed anchors.
  4. From then on you can link to that specific spot on your page by creating a link and for the url typing #(anchorname). When I link to the top of this page I’d put in #top.
  5. If you forget what you titled the anchor, click the yellow anchor box then the anchor button and it will pop up. That way you can figure out what you titled it or rename it.

It’s a useful tool, happy linking and anchoring!

RH’13