Adding content

This is where you add content (images & text) and format your content. You will see that the page consists of the page template, with a toolbar at the top. In the editable area of the template is a WYSIWYG (What You See Is What You Get) editor.

By using the dropdown list at the top-left of the screen you can change the page style between one, two and three columns. So if you don't wish to display the side-menu, choose One Column. If you wish to use Panels (small boxes which can contain information), turn on Three Columns.

You can also see links to Manage panels and Editor notes.

Manage Panels allows you to add panels to the page, if you have turned on Three Columns. You must be displaying the 3rd column so there is a place for panels to go. Instructions for managing panels are displayed on screen when you click Manage Panels link.

Editor notes shows a record of the page history, and allows you to create and send notes addressed to other CMS administrators.

You will also see options to Discard changes, Preview, and Save changes. Saving changes won't publish the page - you still need to publish it once it has been saved.

Adding content

Adding and formatting text

  • Click in the main centre area of the page and type in any text. This area is referred to as the WYSIWYG (What You See Is What You Get) editor.
  • Type and then select any word to format it. Try various combinations of --Styles-and --Formats-- as well as B bold, I italics and U underline. Please note that some formatting tools apply to whole sentences (for example, headline and paragraph styles, and the options in the Styles dropdown list). In this case you do not select the whole paragraph, you simply click once in whichever paragraph you wish to format.
  • You can also cut and paste, from a document or another web page, directly into the WYSIWYG. Try it. If you are pasting from a web page, paste into Notepad first as this strips out existing formatting. You will also see tools (across the top row of the WYSIWYG toolbar) to Paste as Plain Text or Paste from Word. We recommend using these if you are pasting any content.
  • Click on any line of text and apply a heading style (determined in each new design) or highlight

Adding an image

  • Click the area of the WYSIWYG where you want to add the image.
  • Click the Image Library icon . The Treeline Image Library window will open.
  • Click the link to Choose an image from this website's image library. This will lead to the next screen.
  • Choose an image by clicking the thumbnail. You can also search for images using the tools at the top of the popup window.
  • When you have chosen an image you will see that image in all the sizes in which it is available. Choose the size you like, and then click Use this image size to drop the image into your page. If you prefer, you can choose Advanced options to see additional functions, such as adding an ALT tag and adding space around the image.
  • When you have added your image, the Treeline Image Library will close.
  • To wrap text around your image, simply select the image and then click the Align Left or Align Right icon in the WYSIWYG. Any text you add next to that image will now wrap around it.
  • To delete an image from your page, simply select it and press Delete on your keyboard.

Linking to other pages

There are several types of link. For the purposes of this quick start we have only described linking to another page. But if you wish to link to a document, email address or another website, the process is very similar.

  • Highlight the text you wish to act as a link.
  • Click the Add a link icon
  • The Treeline Link Picker will open. From the first page, use the dropdown list to select Link to a page within the site. Then click Next. This will lead to the next screen.
  • By default you will see the links which are available from the homepage, including links to the main section titles, privacy policy etc. If you cannot see the page you wish to link to, use the dropdown to select another section. Click OK when you have chosen a section. The page will refresh, and show you the list of pages in your chosen section.
  • Click on the page you wish to link to. It will highlight in pink to show it is selected. Click Next. The window will close, and your link will be added.

Please note that links don't work while you are editing your page (to prevent you from accidentally following the link, and losing any page edits you had made). So to test the link, click Preview.

Stage four: Saving and publishing