1.Getting Started 2.Modifying Design 3.Newsletter Templates 4.Announcement 5.Administer Sections Index Training 14 th Mar., 2011

Training for ESF Schools Website GETTING STARTED

Training for ESF Schools Website 2 1 Log into CMS To edit your school website, add “/user” to the URL (1) and you will see a login prompt Enter your username and password to enter the CMS (2)

Training for ESF Schools Website MODIFYING DESIGN

Training for ESF Schools Website Change site logo Administer > Site Building > Themes > Select the default theme > configure

Training for ESF Schools Website Change web site name Administer > Site Configuration > Site Information

Training for ESF Schools Website Edit the rotating banner photos Rotating banners exist in part of the school sites To change the photos, HTML syntax knowledge is required. Prepare the photos to have the theme borders. Upload photo files – My account > File browser > images > [Upload] Edit the photo list (in HTML ) – Administer > Site building > Blocks > RotatingHeaderImg > configure – Block body > [Source] – Save block

Training for ESF Schools Website Edit Block body source

Training for ESF Schools Website Edit block content (e.g. logos) Administer > Site building > Blocks > [scroll to the block] > configure If the block cannot be edited / configured, It is generated by programme codes. In this case, the changes are required to be done by the technical team / vendor.

Training for ESF Schools Website Remove block styles (e.g. background) – Requires theme CSS and CMS code change Create tabs – Case by case – Feasible solutions: panels, fieldgroup tabs (both require CMS code change / module installation and configuration)

Training for ESF Schools Website Arrange photos in between / around text WYSIWYG editor Right-click the image and select Image Properties. Change the HSpace, VSpace and Alignment

Training for ESF Schools Website NEWSLETTER TEMPLATE

Training for ESF Schools Website Create and modify templates Prepare the HTML codes Administer > Site configuration > Wysiwyg profiles > Templates

Training for ESF Schools Website Create and modify templates (cont’d)

Training for ESF Schools Website ANNOUNCEMENT

Training for ESF Schools Website Change the Announcement listing – Feasible by modifying the listing codes – Requires theme CSS changes – Recommended to be done by technical team / vendor Listing UI effects – This requires code modifications. – Further requirement is needed if this is to be implemented.

Training for ESF Schools Website ADMINISTER SECTIONS

Training for ESF Schools Website 18 Administer Overview

Training for ESF Schools Website Q & A