Linking Guide

This page explains how to create a link [hyperlink] to a web page, file, picture or document using RipeSite Content Editor. The same explanation can be used to link to and from text or a graphic.

When a hyperlink is clicked, it displays the selected page or file. Links are most commonly used in navigation between web pages.

All explanations require the 'left' mouse button to be clicked 'once' unless specified.

Text Link [from a word/s on Page 1 to Page 2]

Example: Text Link HTML:

The first step is to create the page that you wish to link to, in this case we are calling it Page 2. Go here for instructions how to Add a New Page.

Next go to the Content Editor for Page 1 via Web Page Make Changes. Select the Edit button for Page 1. Highlight the word/s you wish to create the link for by dragging the mouse pointer across the word/s while holding down the left mouse button. When the word/s have been selected, release the mouse button and the words will remain highlighted and look something like this.

Next, click the Hyperlink button above the content editor window.

If the button is grey, repeat the highlight process until the button changes colour.

A pop-up window will open [Hyperlink -- Web Page Dialog]. You may type in the address of the page you wish to link to into the URL field box* or click on the link text to Select Local page. This displays a pop-up box list of pages in your web site**. Click the down arrow to display the list, then click on the required page name. Then click the Add Link button and the box will disappear and the page name entered into the orginal pop-up box window. Next click the OK button.

The text link is now complete. To check the link, click on the Preview button to temporarily display the edited page. If nothing happens (your browser may be configured to block pop-up windows), hold down the Ctrl key until the page displays.

When you have checked the link works on the Preview Page, close*** the Preview page winddow and select Save Changes button. Alternately, close the Preview page window and return to the Content Editor to make more changes or Cancel to not save any changes.

Notes: Re-highlighting a linked text or graphic and then clicking on the Link Icon will display two more link properties.

Open link in Same Window or New Window - opens the linked item in a new window.
Search engines - Pass or Don't page rank - Best is Don't. Read more here.

* URL is the full page address including domain name. The address of every web page is found in the address bar window at the top of the page. The address of this page is http://demo.ripesite.com/guide-linking.php

** If the page you wish to link to is not displayed, then there may be something wrong with its file name or the Show Link checkbox for the page is marked No.

*** Always close the Preview Window when finished testing.

Graphic Link [from Page 1 to Page 2]

After adding the picture to the page [How to Instructions], select the picture by clicking on it. Eight handles will appear around the graphic and then follow the same procedure described above, starting with Next click the Hyperlink button.

Link Picture to Picture.

Thumbnail pictures [small] are often used as a link to display a second picture [large]. The linking method will depend on how you wish to display the second picture.

Thumbnail to page: If you wish to display the second picture [large] on a web page then create the page and add the picture, and then follow the instructions above. Thumbnail to picture: Alternately, you can link directly to the second picture and it will display on a plain white web page.

Add the large picture to Image Library via the icon [Control Panel Home]. Depending on whether you upload to the [image] or [image_library], the link to the picture is: