Print Friendly and PDF

Adding Links to a Page

Several different types of links can be added to a web page including:

  • An external web page
  • Another web page on the district website
  • An image or file uploaded to the district web site (such as a .PDF)
  • An identified location on the same page (anchors)

Adding a Link to an External Web Page

  1. Click Edit on the block the link is to be added within.
  2. Type the text that will be linked and select it.
  3. Click the Link button.
  4. The Link window will open.
  5. Type the URL of the external website in the URL
  6. Select Open in new window from the Target drop-down menu so that the website opens in a new window.
  7. Click OK.

Adding a Link to an Image or File Uploaded to the District Web Site



A link can be added to an image or file, such as a .PDF. Whether the file will download or open in a new window will depend on the site visitor's browser settings.

  1. Click Edit on the block the link is to be added within.
  2. Type the text that will be linked and select it.
  3. Click the Link to File button.
  4. A window appears where files can be selected to link to.
  5. To filter the list of files, search by name or refine it by the File Category dropdown menu.
  6. If the file isn’t already uploaded, choose Add File.
  • Select the Category the file will go in. 
  • Click the Select New File button to browse the computer for a file to upload.
  • Click OK to add the file to the list of  available files.
  1. Click the file's name and it will be linked to from the text. The Link URL is automatically filled in with the link to the file selected.
  2. Save the content block.
  3. Once published, clicking the link will open the image or file in a new window.

Adding a Link to a Page Within the Site

  1. Click Edit on the block the link is to be added within.
  2. Type the text that will be linked and select it.
  3. Click the Link to Page button.
  4. A page tree opens from which a page from the website can be selected. 
  5. Find a page by expanding the tree with the + symbols or by using keywords for the page in the Search For field.
  6. Click to highlight the page and click OK
  7. Once this page is published, clicking the link will take the visitor to the linked-to page.  

Adding a Mail-to Link

  1. After highlighting the text to be linked, click the Link to Email button.
  2. Type the E-mail Address that the link should send a message to in the E-Mail Address field.
  3. If text is added to the “Message Subject” field, this text will be the subject of the E-Mail sent through the mail-to link.
  4. If text is added to the “Message Body” field it will be added to the e-mail sent through the mail-to link.
  5. Click OK and the mail-to link will be added to the highlighted text.

Adding Anchor Links Within a Page

Anchors mark areas within a page so that a visitor can jump from one section of a page to another section of the same page.  For example, having a link at the bottom of the page that moves the website visitor automatically to the top of the page.  Some users create anchors at all major content areas of a page and link to them from the top of the page, thereby allowing the visitor to quickly move down to that area of the page and a table of contents type fashion.

Adding anchor links is a two step process.  Firs, create the anchor (the area of the page to be linked to).  Next, create the link on the page that links to this anchor.

Step 1—Creating an Anchor

Create an anchor on the page where the link should direct a visitor to; this will be his or her end destination.  For example, ito create a Top of Page link that will link you from the bottom of the page, create an anchor at the top of the page. 

If linking to an Expandable Block that opens when visiting the link, an area for an Anchor Name appears in the rich text editor when Expand/Collapse Block is selected. Link to this anchor by adding #anchorname after the page's URL. e.g. for an anchor on a page named documents a url would look like: www.yourwebsite.com/#documents

Note:  In this example we will create a Top of Page anchor.  In Step 1 we will create an anchor at the top of the page.  In Step 2 we will create the link to this anchor. 

  1. Click Edit on the block the link is to be added within.
  2. Place the cursor in the area of the page that the link should direct to. This is the location on the page where the anchor should be added. 
  3. Click the Anchor button. It looks like a flag.
  4. The Insert Anchor dialog box will open. Type in an Anchor Name.  Because we are creating an anchor that will take the visitor to the top of the page, we will call it TopofPage. 

    Warning!
      Do not use spaces in the Anchor Name.

  5. The Anchor symbol now appears in the Content Editor. This symbol will not appear on the published page.

Step 2—Adding the Anchor Link

In the second step, add a link that moves the visitor to the location of the anchor added in Step 1.

Note:  In this example we will add a link at the bottom of the page that will link to the TopofPage anchor we created in Step 1.

  1. Type in the text of your anchor link. In this example, we will type Go to top of page.
  2. Select the text and click on the Insert Link button. 

  3. Click on the Link Type drop down box and select Link to Anchor in the Text and choose the anchor name selected, in this case, topofpage.
  4. Click OK.
  5. Save content block and publish the page.
  6. Once this page is published, click on the link text to move to the anchor location

 

Have more questions? Submit a request

0 Comments

Article is closed for comments.
Powered by Zendesk