We differentiate between three types of links:
- Links in the text editor (e.g. in running text)
- Links in widgets
- Links outside of the editor (instead of a text file, will be placed in the menu)
The difference between external, internal, content links
We differentiate between external, internal and content links. It is important to know the difference between the three, as this avoids malfunctional links and dated documents and thus saves a lot of time in the long run.
- External links: Links to a page outside of your WebHare environment. You paste the entire link in WebHare, e.g. http://www.nu.nl/artikel12334 (do not forget the 'http'!)
- Internal links: These links can only be created if you link to a file in your own WebHare environment (pages in WebHare you have the right to manage). Internal links have a major advantage over external links: they automatically change if the file/folder to which they link is moved/renamed.
- Content links (a specific internal link): Never place the same file/Word document in two different locations in WebHare. Place your file once and create a content link if you also want to display it in a different location (another folder or website). That way, when changing the content (or the Word file), you only have to do this once. Moreover, by operating in this way, you can also show content from another website on your website without people knowing they are reading information from another website.
Use as many internal and content links as possible.
Special types: OSIRIS links and NEO links
On some locations in WebHare these to specific types are available. This is what they do:
- OSIRIS link: select a course in Osiris from the list to display the course information directly (in a pop up) on your website. The course information will be updated each year, as long as the course code exists in Osiris.
- NEO link: directly link to a news or event item in NEO (our application where most WebHare admins place their news/events) without looking up and copy pasting the link.
In the editor, to include a link in the running text, you highlight the word/section in question and click the link button (hyphen). A pop-up appears in which you can insert the link. Indicate where you want to link to and always use the internal link function if you want to link to a page that is part of your WebHare environment (see also the explanation above).
To edit or delete a link later on, click the text in the link (there is no need to highlight it) and click the Properties button. You can also create a link on an image. To do this, select the image and click the Properties button to view the properties of the image and add a link. Do not turn headings or subheadings in the running text into links, as these do not work.
There are several types of widgets you can use if you want to include a link. If you want a link with an accompanying image/text, you can create a media widget. If you want to make a list comprising multiple links, you can use the download/links widget. For more information, please refer to the widget instruction page.
You can also create the three types of links ( internal, external and content) separately in WebHare, outside of the text editor, using the New File button. By doing so, you create a menu item which redirects directly to another page. However, try to use this function as little as possible, because when a menu item or tab redirects directly to another website, this can be very confusing for the user as the navigation structure suddenly changes. An exception to this is the content link mentioned above.
You can link to any heading 2 subheading on your page. View that page in your browser and scroll down the specific heading 2 subtitle. The URL of your page will be the link to the page plus the specific heading 2 subtitle behind it, like
www.utwente.nl/mypage#my-heading. You can either paste that link into the external link field or even better (if you have rights for this page), create an internal link to that page and then add the #my-heading piece to the addition field:
To link to a certain spot on a webpage, you first need to set an anchor/bookmark.
Set an invisible anchor
You can do so by adding an inline element () and select the Raw HTML option. In the HTML block, enter <a name="brochure"/>, or replace the word brochure by some other word relevant for your context. Please use only one word. When you save, a grey block will be visible in the editor, but not on the website.
Link to the anchor
Link on the same page: If you want to create a link on the same page, then you add an link by using the link button in the editor (chain symbol) and in the field for 'external link' you enter #brochure. Clicking on the link will directly bring someone to the invisible anchor.
Link on another page: If you want to link to your invisible anchor from another page, link to the URL of that page and add #brochure behind the link, like: www.utwente.nl/research/#brochure.
- When creating an external link (external=to a page you do not have rights for) then you just enter the full URL in the external URL field, starting with https://www.utwente.nl/research/#brochure.
- When creating an internal link (internal=to a page in your webhare) then you can create the internal link to that page, and in the fiel behind that, you can add #brochure:
Get your link from the address bar in a browser. Text pages also show the link above the preview screen: