Adding Content

• Select create content from the actions menu beside the section you wish to add content to. The following menu will popup listing all the content types that are available. The content types listed will depend on the level of access that you have been granted.

• If the content type is not immediately visible, you can search for it by typing in words. Even typing in “gene” in the search window will bring up the following content type.

  Click on the radio button on the right to make your selection.

• Click on the radio button on the right to make your selection.
• Click on the Next button and the following window will become visible.

• Enter a name for the content and this is mandatory. This will not be displayed on the published page, but simply act as a name within SiteManager.
• Title will be the main title for this piece of content. This will appear in large writing and should describe what this piece of content is about.
• Intro can be a summary or a catchy introduction to the piece of content. The Intro text will appear larger than to body of the content.
• Image allows you to select an image that you wish to include within this content. This image will appear immediately below the intro and take up the width of the display area. This image should draw attention to topic of this piece of content.
• Enter all the text for the Main Body of this content using the formatting tools provided.
• You may use the Preview button located on the top right to ensure you are happy with the result.
• Click save changes to save the content once complete, or expand your options by clicking on the icon next to Save changes to reveal options such as Save & approve and Save as draft. The drop-down menu options will vary depending on your access rights.

  The following subsections explain how various items can be inserted into the main body of your content.

In the main body of your content click on the Insert Link menu to see the following.

Each of these options are described below.

• Section Link: e.g. to one of your other sections within the Wits Website.
  
  
  • Type and highlight the text you wish to use as the link text or simply place your mouse where you want the link inserted. Select Insert Section Link from the menu.
  • A window will pop up displaying the Site Structure; navigate to the section you wish to link to and click on it.
    
    
• Content Link: e.g. to one of other sections within the Wits Website and then select a specific content.
  
  
  • Type and highlight the text you wish to use as the link text or simply place your mouse where you want the link inserted. Select Insert Content Link from the menu.
  • A window will pop up displaying the Site Structure; click on the section that contains the content you wish to link to; a list of content will be displayed.
  • Scroll through and select the specific content that you wish to link to.
    
    
• External Link: e.g. http://www.terminalfour.com
  
  
  • Type the text you wish to use as your link text; eg. TERMINALFOUR
  • Highlight the text; then select Insert External Link from the menu.
  • The Insert/Edit Link Window opens; complete the details as required.

• URL: enter the URL of the site you wish to link to.
• Text to display: enter the link text here (ie the text that will appear in your content).
• Title: enter information about where the link will send the user; this will aid user accessibility. This text will be displayed when user hovers the mouse over this link.
• Target: select how the link should open, e.g. within the same window or in a new window.

Click Save changes to save the content once complete.

Preview your content to test your links.

You are going to add the image from the Media Library to an existing content item by editing the content. This means that the image has already been loaded into the Media Library. Loading of images into the Media Library is discussed is discussed here. For this example, assume that the images have been loaded already.

• From the Site Structure screen, select Edit content from the menu beside the section containing your content.
• Click on the content¡¯s name to open it.
• Place your mouse where you wish to insert the image within the main body of the content; then select Insert from Media from the toolbar.
• The Media Library opens.
• Navigate to the category where you uploaded the image earlier.
• Hover over the image thumbnail and click Select.
• Often a window may popup asking you to select an image variant as shown below. Always select the first image which is the Original. Do NOT choose any other variant. In fact, the rule is that whenever you are asked to select an image with the button always choose the Original variant.

Do NOT choose the large, medium or small variants as those are reserved for the internal use of SiteManager. Furthermore, the use of these images will take up too much space within the body of your content.

You cannot resize the image by dragging the corners. SiteManager will always reset them to the original size.

You will most likely want to specify where on the page an image should appear and how text flows around this image. This is done by setting the Media Attributes which such as Padding, Float, etc.

• Double-click on the image to open the Media Attributes. The following window will popup.

• The Float determines where the image will anchor. The permissible options are right or left. In this example right is specified and result is as follows whereby the image is anchored to the right hand side and the text wraps around the image.
• Padding allows you to provision some space between the text and the image. Values are specified with the suffix px which is an abbreviation for pixels.
• There is no need to specify values for the Margin.
• There is no need to specify any value for Display.
• Click Ok to return to the content screen.
• Preview your content to ensure you are happy with the result.
• Click Save changes to save the changes made to the content.

The use of tables in your content is not recommended because it is not responsive (display well on a mobile device). Therefore, create tables and other documents using your preferred application and create PDF documents. These documents must first be uploaded to the media library before it can be inserted into your content.

• From the Site Structure screen, locate the section you added your content to earlier.
• Click the menu and select Edit content.
• In the Main Body of your content, place the mouse where you want to insert the link to the PDF; then click Insert Media.

• The Media Library opens. Locate your Document folder in the media library and click on it. This will display the media you have already uploaded in the right panel.

• Click on the PDF¡¯s name to insert it into your content. The PDF will now appear as a link in the body of your text.
• If you do not wish to use the PDF¡¯s Name as the link text, double-click on the PDF link text to open the Media Attributes.
• In the empty Name element, enter the new link text.
• Click Ok to return to the content screen. Preview your content to ensure you are happy with the result.
• Click Save changes to save the changes made to the content.

The table options as demonstrated below are already styled and formatted for web.

Please remember your user experience. View your content on multiple devices before publishing it