Note: Manual pages must be maintained by a designated web publisher.

Transcription

1 How to create manual contact pages Manual contact pages If a filtered list is not possible (i.e. the results cannot be filtered using HRonline parameters) a manual Contact us page can be developed in the following style. Note: Manual pages must be maintained by a designated web publisher. Any contacts featured in the contact footer for a particular content area should be included at the top of the page. Further staff details should be included in a table with Name and position in column one and Contact details in column two. Table headings must be included for WCAG 2.0 AA compliance. To create a Contact us page follow these instructions. Light table style used for consistency with contact us and staff profile pages. 1. Create a new page titled Contact us 2. Under Show in menu select No. 3. In the Create locations section, click Select new location. 1

2 4. In the Asset finder save the page under the content area that the contacts are for. Example: a contact page for Health and Safety in the Current Staff section is saved as a hidden page under the Work, health and safety section. Do not save the page in the sidebar. 5. Click Select. 6. Click Create. 2

3 7. Click Edit. 8. Navigate to the Content screen to begin publishing. 9. Create a H2 for each contact featured in the contact widget. As the first contact in the widget is a general contact number, the h2 can be replaced. This way Health and Safety can be used as the heading for the table of staff contacts. 3

4 10. Add an or hyperlink to a web page if necessary. 11. Add a telephone number. Details should be listed in the same order they appear in the widget. To create a new line between each contact detail select Shift+Enter on your keyboard. 4

5 12. If your contact widget features the name and title of a staff member, include their title as the H2. Underneath the heading type their name and hyperlink to the staff member s profile. Continue to add further contacts as above. 13. Create another H2 with the name of the team/unit of people you are referring to. 14. Insert a two column table with one row for each staff member. 5

6 15. Give column one the heading Name and position. 16. Give column two the heading Contact details. 17. Set each column width to 300px. 18. In the Name and position column, insert the name of the staff member and hyperlink to their staff profile. 19. Add a position title in bold text, followed by position details. 20. In the Contact details column, add an , phone number and availability if necessary. 21. Once you have completed all the details, click on the table and select the table icon. 22. In the Class section type in light (all lowercase) and then select update changes. 6

7 23. Click Save. 24. Navigate to the Metadata Screen and change the Page layout to 2 columns with left menu. 25. Change the Page background to the correct background for your content area. 26. Click Save. Make sure you scroll down in the Metadata and enter your dcterms subject and description for Search Engine Optimisation (SEO). 7

8 27. You can now preview your page. 28. Return to the Details screen. In the Status section, select Apply for Approval in the Change? dropdown box. 29. Click Save. 30. Once your asset is approved you can return and select Make Live in the Change? dropdown box. 31. Click Save. 8