FAQ: How do I include a link in the body of a Saga content management system page?

You can include links (the HTML <a> tag) in the body of all Saga content management system items (eg, pages, events, FAQs, news articles, profiles) either by using the Insert Web Link tool in the WYSIWYG view (the tool looks like chain links) or directly in the HTML Source view.

Either way, your link should be a well-formed HTML <a> tag like:

<a href="/sagasite/linkname.html" title="a short tooltip describing what users will find by following the link">anchor text</a>

Important note: links to Saga pages, content items and media library files should not include any domain in the <a> tag (eg, do not include "www.pdx.edu" or any other domain).

Example Links

  • A link to the home page of a Saga site:

    <a href="/sitename/" title="Saga Sitename | Home">Sitename</a>

  • A link to a page within a Saga site:

    <a href="/sitename/contact.html" title="contact us">Contact Us</a>

  • A link to a Saga FAQ (events/news/profiles are similar):

    <a href="/sitename/faqs/faqid#/" title="FAQ: How do I...">FAQ: How do I...</a>

  • A link to a Saga media library file that alerts the user that it is an Adobe Acrobat PDF file and how large the file is:

    <a href="/media/e/x/example.pdf" title="an example PDF file">Example</a> (25KB PDF)

  • A link to a non-Saga site/page (here you must include the non-Saga domain):

    <a href="http://www.hrc.pdx.edu/" title="Portland State Office of Human Resources">Human Resources</a>

  • A link that opens in a new browser window (unless there is a very good reason to do otherwise, we generally recommend that only links to non-PSU sites open in new windows):

    <a href="http://www.fafsa.ed.gov/" title="FAFSA at the US Department of Education" target="_blank">FAFSA</a>

  • A link to an email address:

    <a href="mailto:name@pdx.edu" title="email FirstName LastName">name@pdx.edu</a>

Named Anchors

Named anchors enable links to a specific section of a web page (eg, Saga content item).

In order to make a named anchor in Saga CM, you must toggle to HTML Source view. Once there, place a named anchor in the body of the content item at the beginning of the section you want to be able to link or jump to. For example, to create a named anchor to the second section of a Saga content item that can be linked to either from within that Saga content item or from other web pages/resources, include a named anchor like the following in the body of the Saga content item:

.
.
.
<h2><a name="section1">Section One</a>
</h2>
.
.

To link to that named anchor from either within the same page, or from another Saga content item:

<a href="/sitename/pagename.html#section1" title="descriptive text">Section 1</a>

To link to that named anchor from a page outside Saga:

<a href="http://www.pdx.edu/sitename/pagename.html#section1" title="descriptive text">Section 1</a>