Singapore Schools Sports Council User Guide

1. Singapore Schools Sports CouncilUser Guide

2. Table of Contents • How To Login • How To Logout • How To Add Games Content (Same for ASG) • How To Edit Games Content (Same for ASG) • How to Add Game Sidebar To A Game Post • How to Add Game Post To Games Sidebar • How To Add Gallery (Videos/Images) • How To Edit Gallery (Videos/Images)

3. Important Notes • At any point in time, once you are logged in, you can click on the top black bar to access the backend. You can click on any of the links available and navigate from there on. • The backend also called the administration portal, or editing panel, or the dashboard. Basically, its just place for authenticated users to use to add/edit/delete content. • In this user guide, some examples uses Badminton, some screenshot show Football etc. It doesn’t matter what sport is used to show, becauseall sports page behave the same way. The use of actual sports terms are interchangeable.

4. How To Login Step 1: Go to SSSC website www.sssc.sg. Step 2: Click on the top right login link as shown Step 3: Enter your username/password and login

5. How To Logout • Hover your mouse over the top black bar, at the top right corner and click “logout”; OR 2. Go to the SPSSC website and click “logout”

6. How To Add Games Content What you are trying to do: Adding content to existing game Before After New game content added This is nothing here at first

7. How To Add Games Content Step 1: Login to your account Step 2: Go to “Games Posts” sidebar link and click on “Add Game Post”

8. How To Add Games Content Step 3: You will see the editor. First, type in the title of content. Step 4: Click on “Visual” as shown. Type the content you want to put into the post.

9. How To Add Games Content Step 5: To add documents, images etc, click on “Add Media” and “Upload Files” Step 6: Select from your computer what to add. You can select more than one by holding “CTRL”.

10. How To Add Games Content Step 7: After upload is done, click on “Insert to page”

11. How To Add Games Content Step 8: Your content editor will now have a link to the file

12. How To Add Games Content Step 9: Decide if you want this new post to appear at the Game Sidebar. If yes, tick the box. Step 10: Choose a Sports Category at the right sidebar, which is Badminton in this example.

13. How To Add Games Content Step 11: Hit the “Publish” button at top right. DONE!

14. How To Edit Games Content What you are trying to do: Edit content of existing game post Before After Updated: 2013 > 2014 Old Game Post

15. How To Edit Games Content Step 1: Login to your account Step 2: Go to “Games Posts” sidebar link and click on it

16. How To Edit Games Content Step 3: You will see a long list of games content. To see everything, click on “Screen Options”, choose a number of posts to see, and then click apply. Step 4: Search for the game you want to add/edit (eg Badminton) and click the button.

17. How To Edit Games Content Step 5: You will see a list of posts for “Badminton” search results Step 6: Click on the one you want to edit.

18. How To Edit Games Content Step 7: Hit the “Update” button at top right. DONE!

19. Terminology This is the Game Post

20. Terminology This is the Game Sidebar

21. Important Notes There will probably be confusion over the following and when it can be used: How to Add Game Sidebar To A Game Post How to Add Game Post To Games Sidebar Item 1: Say you have a existing Game Post, named “Tennis 2020”. This Game Post wouldn’t have the Tennis sidebar attached to it, because the default website sidebar is not Tennis. Hence, you need to add the Tennis Sidebar to the Game Post. This is when you do Item 1. Item 2: The Tennis sidebar is made of links. These links wouldn’t automatically change to prevent cluttering, just like how the website navigation menu wouldn’t automatically change. Hence, you need to add Game Post to it, if you want to feature it on the sidebar. Anytime you want your content to appear on the Sports sidebar, you do Item 2. Please see the section below to find out more.

22. How to Add Game Sidebar To A Game Post What you are trying to do: Add Game Sidebar To Game Post Before After No Basketball sidebar here at all. Note the empty space below search box Game Sidebar added. No longer empty Game Post Game Post

23. How to Add Game Sidebar To A Game Post Step 1: Open the game post you want to add to the games sidebar and select the sidebar you want to add into. For example, you want to the post “Artistic Gymnastics Results 2013”, to display the Gymnastics sidebar. Select the sidebar as below at the lower right hand corner of the edit page Full Screen Screenshot at next page…

24. How to Add Game Sidebar To A Game Post Located here

25. How to Add Game Sidebar To A Game Post Step 2: Hit the “Update” button at top right. DONE!

26. How to Add Game Post To Games Sidebar What you are trying to do: Add the Game Post into Games Sidebar Before After This is a sports sidebar. A total of 9 Game Posts WITHIN the sidebar. 6 Game Posts are added inside. This is a sports sidebar. A total of 3 Game Posts WITHIN the sidebar.

27. How to Add Game Post To Games Sidebar Step 1: Mouse-over on “Appearance”, and click on “Menu” Step 2: Select an item from the menu to edit, and then click “Select”.

28. How to Add Game Post To Games Sidebar Step 3: Click on “Games Posts” at the left side, then “Search”, then key in the keyword, for example “Cricket”. You see two results. Click on the checkbox and click “Add to Menu”

29. How to Add Game Post To Games Sidebar Step 4: You can now drag and drop the menu according to what you want. DO NOT CLICK ON THE CHECKBOXES. Click on the “Save Menu” when you are done arranging/adding. DONE!

30. How To Add Gallery (Videos/Images) What you are trying to do: Add gallery images or videos into the website Before After Galleries Added No Galleries

31. How To Add Gallery (Videos/Images) Step 1: Login to your account Step 2: Go to “Galleries” sidebar link and click it. Step 3: Click on the “Add Gallery” link

32. How To Add Gallery (Videos/Images) Step 4: Fill in the Title, BUT LEAVE THE CONTENT EDITOR BLANK Step 5: Choose the category. Depending on the type, the settings will change

33. How To Add Gallery (Images) Step 6a: For Photos, click the “Add Image” button and upload the files from your computer.

34. How To Add Gallery (Videos) Step 6b: For Videos, you need to upload into YouTube or other video sites first. Click on “Add New Video” for more video spaces. Fill in the video title, description and copy paste embed script.

35. How To Add Gallery (Videos/Images) Step 11: Hit the “Publish” button at top right. DONE!

36. How To Edit Gallery (Videos/Images) Step 1: Login to your account Step 2: Go to “Galleries” sidebar link and click it.

37. How To Edit Gallery (Videos/Images) Step 3: Look for the gallery you want to edit. Click it.

38. How To Edit Gallery (Images) Step 4a: Scroll down and you will see a photo gallery box. Here, you can edit/delete the photo. Click on the X button to delete.

39. How To Edit Gallery (Videos) Step 4b: Scroll down and you will see a video gallery box. Here, you can edit/delete the video. Edit the titleand descriptions of the videos. Copy paste the embed code from YouTube or other videos sites as shown.

40. How To Edit Gallery (Videos/Images) Step 5: Hit the “Update” button at top right. DONE!