Template UT

basic structure and features of the new template

The new template consists of a number of elements which are explained briefly below the picture:

Click on the picture to view it in full-size. You can then click on the image to zoom in.

Explanation of each component

The links in the text will send you to an example and possibly to an extra explanation on the testwebsite.


Explanation of the header-components: 

  • (1) The website's title: only the main admin has the rights to change it. (team Online Media)
  • (2) Header background: by default, elements of the house-style-universe are displayed. They move slowly and change their colours. There is the option to replace these by a photo.
  • replaced 
  • (3) Header title: can be changed in the properties of the file (at the same time, this is your Heading 1)
  • (4) Action button or text
  • (5) Feedback-button: central office receives this feedback and if necessary sends the received information to the website editor.


The menu on the left side holds the following elements

Main Content

Online editor (Rich text document, if necessary, replace it by a html file, but that will not make it look better), with the default options:

  • (9) Very short introduction text in capital letters
  • (10) Subheadings between paragraphs
  • (11) Default text that is kept short to increase readability. You can choose to add photos.
  • (12) A table of content of the website, generated automatically based upon all the subheadings in Heading 2 style (10)
  • (13) Inline elements in the text, such as quotes, contacts, videos, photo-carousels, action buttons, etc
  • (14) Widgets below a website (blocks that hold additional information), you can choose to either create widgets by your own or you can re-use the UT's widgets


The footer can be set up for each website separately. 

  • (15) Share buttons to allow the visitors to share the website on their own Twitter/Facebook /LinkedIn etc
  • (16) A picture of the campus. The building that is shown in the footer can be changed for each of the websites by the main admins (team Online Media) if requested.
  • (17) Contact information and details about how to get to get to that location (e.g. you can link to a Google Maps location or to a UT-map), this can be changed on every website by the editor
  • (18) Footer-links, this can be changed on every website by the website editor
  • (19) List of social media channels, this can be changed on every website by the editor 
  • (20) Partners' logos, this can be changed on every website by the editor

Other features

Features that have not been mentioned on this website: 

Rules and agreements that ensure optimal findability of your website and help to  prevent mistakes

There are several points of interest that should be regarded to reach a maximum of usability and findability in search engines. 

NAMEs and titles of files

There is a number of rules for naming and giving titles to files and folders, that are explained on the testsite.


Make sure that the content starts with a very short intro text (that can be set in the editor), and that the normal text that follows is made up of short paragraphs with subheadings. These subheadings are heading/head 2, and if you need additional subheadings, heading 3 and heading 4. Subheadings increase readability and are used as search terms for search engines at the same time. Also, all of the heading 2 heads are displayed in a table of content on the right site of the website.


Please make sure that you use as many internal links as possible, when linking to content within your WebHare-environment. These links will automatically stay up to date when the location of a file or folder is changed. If you want to link to something that is outside of your own WebHare, it is not possible to use an internal link. In that case, you would have to use an external link. An external link is a URL, such as www.utwente.nl/en/education and has the disadvantage that it stops working if the URL changes (even if it's only one letter that has been changed).

Visibility of files

If a file does not have a title, it is not going to be visible on the website. However, the file will still be visible for search engines, such as Google. Therefore, please do not place text files without a title online that are not supposed to be read by anyone else. Please delete old files that are no longer required in WebHare. If you want to use a file for testing purposes, it is better to place them in a folder with the name 'intranet' or 'intra'. Information inside of these folders is not accessible from outside the UT.


To get an overview of all the possibilities that come with this new template, please visit the testwebsite.