In order to take advantage of the template functions and to ensure a consistent view of the articles through out the website, the following guidelines should be followed:
- Use default font. Except for special highlighted words/phrases within a paragraph where bold, italics or underline can be used, the rest of the text must use the default "Paragraph" format.
- Don't change the font size. At the top of the right-hand-side column is a widget that allows the user to adjust the font size to their desired size as long as the font size is not re-specified within the article. If you change the font size when creating the article, the widget doesn't work.
- Use "Heading" formats for headings/subheadings. The "Heading" formats can be found in the "Format" drop-down list located at the top of the editor. Do not use bold, italics or underline for headings/subheadings.
- Heading 1, h1, is for top level headings and should not be used within articles as it is the one used for article names, website main headings, etc.
- Heading 2, h2, is the largest that should be used within articles, but only sparingly. The hyperlinked article names in the main page main page are all h2 so if you include h2 in your article it will appear the same size as the article name and underlined.
- For second level headings within an article use Heading 3.
- Heading 4 and Heading 5 for third and lower level headings.
- Avoid changing paragraph alignment. Changing the default paragraph alignment may result in weird-looking layouts as articles sometimes get displayed in different places through out the website and the column width changes. This is particularly important for headings as they can really disturb a page layout if forced to aligned differently. Even inserting an "Align Left" tag may have an adverse effect on the page layout.
- Insert a "Read More" break (button found just below the article editor window) after line 20 if your article is longer than 20 lines. Without the "Read More" break, articles that appear on the main page will introduce a lot of extra blank space below the articles beside them, messing up the overall page layout.
- Avoid tables if possible. Tables inside articles get truncated when viewed on mobile browsers so information may be missed. Similarly, electronic readers for the visually-impaired cannot read tables. If a table must be used, it is best to build the table in another application, like Excel, and then capture an image, which then can be included in the article. The website template can resize images in mobile browsers. Make sure to include a summary of the image in the image caption for electronic readers.
- Do not change font colours. This is to maintain the consistent look of the entire website. if you want to highlight text use bold, italics or underline if they are not headings. Use the "Heading" formats for headings.
- Images should preferably have a horizontal orientation. Images on horizontal layouts display better and do not get distorted if used in showcase banners, as well as provide a consistent look on articles.
- Image size and dimensions. The ideal article image dimensions should be around 620x350 pixels and preferably not over 100 KB in size. Larger images start to slowdown the loading of the website pages as more KBs require larger data pipelines, which some users may not have.
- Avoid adding too many images to one single article. Every image adds to the pipeline requirements. The more images added, the larger the pipeline needed or the slower the loading of the page will be. If you need to show several images, create an image gallery and just add a link to it (preferred). If you don't want to create an actual gallery, insert small thumbnail images of a few (single digit) KBs in size on the article that link to the full-size image on another page.
If you need to modify an existing article, please follow these instructions on how to Edit an Article.