Adding and formatting content

Add content

1. Add text in the Content field to appear on your webpage. Text added here will always appear above any blocks created on the page.
2. Format text using the options in the formatting toolbar. Various formatting functions are detailed below.
3. Click Save and publish in the bottom Publishing bar to save changes before navigating away from the current page.

The basic formatting options in the formatting toolbar in the content area are very similar to those found in most word processing applications. Some options are explained in more detail below:

Styles

Add custom styles to text, links and images, or trigger an existing popup. See Adding popups for details on using popups, and Changing the Visual Design for details on creating CSS classes for styles.

Paragraph and Headings

Choose a format for the selected paragraph from the Paragraph dropdown menu. By default text will be created as paragraph text. There are also 6 levels of headings available, from H1 (largest) to H6 (smallest). All text marked with a particular heading format will be consistently styled. The style of each heading can be changed by a web designer in the CSS without having to change each heading manually.

Blockquotes

Select text to offset from the main text and click on the Blockquote button.

Insert Horizontal line

Insert a horizontal line on the page.

Insert Special character

Insert special characters into text. This is useful for foreign words, words with special symbols such as resumé, proper names such as François Mitterand and metal umlauts, such as Mötley Crüe.

Edit HTML source

Edit the HTML code of the page directly. This is only recommended for those with a good knowledge of HTML formatting. Useful for directly adding source code to a page, e.g embedding YouTube videos.

Paste options

Paste as Text removes all formatting from copied text before adding it to the website. Useful for removing the ‘rich text’ formatting that usually accompanies text when pasted directly, and which can conflict with the HTML code used on websites.

Paste from Word adds text from Word documents and translates the ‘rich text’ formatting into HTML code. This option only works with Microsoft Word however, not other word processors such as OpenOffice.org, Word Perfect or Apple Pages.

Creating an anchor

Create an anchor (a bookmark type link to a specific area on a page) to link to.

1. Select the text to make into an anchor.
2. Click the anchor button in the formatting toolbar.
3. Enter a name for the anchor.
4. Click Insert.

Hyperlinks

Creating a link:

1. Select the text to make into a hyperlink.
2. Click Insert Link in the formatting toolbar.
3. Select the appropriate option from the Link to area.
1. Select Page on this site to link to an existing page on your site. Select the page to link to from the dropdown menu in the Details area. This link will automatically update if the page linked to is later moved to another location.
2. Select Another website to link to a page outside your own site. Enter the URL of the page into the URL field in the Details area.
3. Select Anchor on this page to link to an existing anchor. Enter the name of the anchor into the Anchor field or select from the dropdown menu in the Details area.
4. Select Email address to link directly to an email address. Enter the address into the Email address field in the Details area. An email subject can also be added here.
5. Select Download a file to create a download link. Select From your computer to upload a file directly from your machine. This file will be saved into the Uploads folder in Files in the CMS. Select From files to navigate to files already uploaded into the CMS. More information on uploading and organising files can be found in Managing files.
4. Click Insert Link.

Breaking a link:

1. Select the placed link in the text.
2. Click the Unlink icon in the formatting toolbar.