1

DKSH Country Website Training

2

Agenda

Introduction to website and structure

Page Types and properties

Modify homepage

Create a contentpage

Text Paragraph

Links (internal/external/application)

Anchor link

Image Paragraph (insert, remove and change images)

Table Paragraph

3

Agenda

Download Paragraph

Contact Paragraph

Set Online and Offline

Copy and move paragraph (set active and inactive)

Copy and move page

Save as Draft / New Version

Inform about changes

Resource Database

4

Agenda

Careers

Media

Image Modification Request

Teamroom

5

Staging Server

kulw01

KL Live server

www2.dksh.com

Europe Live Server

www3.dksh.com

DKSH CMS Network Structure

6

DKSH Main Menu

DKSH Website CMS EditorWebsite Front-end

for preview

7

CMS Login

Click on “Login” Enter Username and password

8

Site Structure

Click on “Pages” to access the Site

Structure

Navigation Structure. Click on the Blue

arrow to expand and collapse the

Category. Click on Label to Edit the

Page

Web page Status. Green for Online. Yellow for Offline

Action Button. (eg. Create new page,

Page property, Set online or offline, Copy and move

page, etc

9

Homepage (Edit)Click “Back” to go back to the Site Structure and to unlock the page after

editing

Action Bar:

“Edit” edit page.

“Inform about Changes” Send email to selected person to inform about changes.

“Set Offline/Online” set the page offline or online.

“Page Property” Access to the page property

Preview area

10

Homepage (Preview Page)Click “Cancel” to cancel changes. A message will be prompt to

confirm leaving without saving

Action Bar:

“Save” Save the page.

“Save as New Version” Create a new draft version

“Hide/Show Inactive Paragraphs” Hide or show inactive paragraphs

Action Button. Click to edit the

area

11

Content page (Preview Page)

Action Button. Click to insert or append new paragraph, edit paragraph, delete paragraph, move or copy the paragraph, set active and inactive, etc.

12

Text Paragraph

Edit Mode Front-End

13

Image Paragraph

Edit Mode Front-End

14

Table Paragraph

Edit Mode Front-End

15

Anchor Links

Edit Mode Front-End

16

Contact Paragraph

Edit Mode Front-End

17

Download Paragraph

Edit Mode Front-End

18

Resources Database

Action Bar:

“New Resource” Create a new image or download resource

“Multiple new Resources” Create multiple images or download resources in the same category

Resources Access to the resource database

19

Create New Resource

New Resource:

Class Select “Image” or “Download”

Label Automatic inherit name from the file

Category Select a category or insert a new category (use “\” as the seperator for a sub category)

Action Button:

Save Save the resource

Cancel Cancel the changes

20

Extension (Career and Media)

Extension

Careers Careers database

Media Media (News, Article and Press Release) database

21

Career Database

22

Career Database

“New Job Description” create a new job

23

Career Database (Edit)Action bar:

Edit Edit the job

Delete Delete the job

Change Status Change to job status to be online or inactive

Back Go back to the job category

24

Media Database

25

Media Database

“New Media” create a new media

26

Media Database (Edit)Action bar:

Edit Edit the media

Delete Delete the media

Change Status Change to media status to be online or inactive

Back Go back to the media category

27

Contact Database

“New Contact” create a new Contact

28

Contact Database (Edit)Action bar:

Edit Edit the Contact

Delete Delete the Contact

Change Status Change to Contact status to be online or inactive

Back Go back to the Contact category