Waukegan Public School District 60
Web Central

Hyperlinks

There are a number of ways to link a story (page) to another story (page) or web site.

Linking to a Story within a Story

Use this way to link from a story to another story.

1. Edit the Story.
2. Put the story you want to go to in quotes.
3. Post the changes.

For example: Lets say that I want to put a link to my “About” story on my homepage. I would edit my homepage and add the following code:

To learn more about me, visit my "About" page.

which displays as:

To learn more about me, visit my About page.

Linking to another URL within a Story

This way is used to link to another website. For example, I want to add a link to Waukegan Public School's Website, which is located at the URL: http://www.wps60.org/, within my “About” story. (This way is also good for linking to a staff member's name to their website.)

There are two ways to accomplish this task: using Manila's Shortcuts or using HTML.

Using Manila's Shortcuts

1. Add a Shortcut
   1. In the Editors Only Menu, click Shortcuts.
   2. In the Name field, type the name of the shortcut. (In my example, I type Waukegan Public Schools.)
   3. In the URL field, type the URL. (In my example, I type http://www.wps60.org/.)
   4. Click Add New Shortcut.
2. In one of your stories, type the title (name) of the shortcut in quotes. In my example, I edit my “About” story and type:

   "Waukegan Public Schools"

   which displays as:

   Waukegan Public Schools

Using HTML

1. Type the following in your story:

   <a href="URL">Link Title</a>

2. Replace URL with the URL. In my example, I replace it with http://www.wps60.org/.
3. Replace Link Title with the title of your link. In my example, I replace it with Waukegan Public Schools.

<a href="http://www.wps60.org/">Waukegan Public Schools</a>

Linking to another URL within a Story Using a Picture

You can use this method when you want to use a picture as the link. In my example above, I used the text “Waukegan Public Schools” to link to the website. In this case, I want to use a picture to link to the website, so when you click the picture it will take you to Waukegan Public Schools Web Site.

1. Type the following in your story:

   <a href="URL">"Picture Name"</a>

2. Replace URL with the URL. In my example, I replace it with http://www.wps60.org/.
3. Replace "Picture Name" with the title of your picture (in quotes). In my example, I replace it with "WPS Logo".
   Note: I have already added the WPS Logo picture by clicking on Pictures in the Editors Only menu.

<a href="http://www.wps60.org/">"WPS Logo"</a>