Course
Add a details for a Course
How to use
- Recommend to Name Course content items in format [Course Name] [Year of Entry] e.g., Dance BA Honours 2024
- Add the Course Name
- Optionally add the Course ID
- Add the Year of Entry, this is used for a filter in Course Search and must be the year as a whole number e.g., 2024
- Optionally add the Course Code, if adding multiple years of entry for a course the Course Code must be added (see years of entry)
- Optionally select Subject(s), this is used for a filter in Course Search
- Optionally choose a Study Type, this is used for a filter in Course Search
- Add a Short Description
- Select a suitable image from the Media Library for the Main Image.
Recommend image is at least 2200px x 1610px. The image can be any size or aspect ratio, and will be cropped and resized for desktop 2200px x 1610px and mobile 780px x 1688px automatically by a service called PXL. Find out how PXL crop and resize works. - Optionally add an Image Overlay: None, Partial or Full. Use this to improve the contrast ratio of the text over the Main Image when using a lighter image, see Text Over Images and see Examples.
- Select a suitable image from the Media Library for the Carousel Image.
Recommend image is at least 800px x 1040px. The image can be any size or aspect ratio, and will be cropped and resized to 800px x 1040px automatically by a service called PXL. Find out how PXL crop and resize works. - Add an Apply Now CTA Link, select a section or content item for the Apply Now CTA - Internal Link (ignore the Use default link text checkbox), or paste the full URL for the Apply Now CTA - External URL (please do not enter both)
- Use the Apply Now CTA Text Override element to change the text in the 'Apply now' CTA
- Optionally add 2 additional CTAs (CTA 2 and 3). For each add CTA - Text for the button text and either select a section or content item for the CTA - Internal Link (ignore the Use default link text checkbox), or paste the full URL for the CTA - External URL (please do not enter both)
- By default the CTA buttons are light (solid white for Apply Now CTA, white outline for CTA 2 and 3), check the Make CTAs dark element to change to dark (solid black for Apply Now CTA, and solid white for CTA 2 and 3). Set this option appropriately based on the Main Image used.
- Optionally select a section or content item for the How to Apply link
- Optionally add Start text, this can contain a line break if required e.g., September 2023<br>EU/International: September 2023
- Optionally select the option(s) that apply in the Duration, Study Mode, Entry Requirements, School/Department, Attendance, Course Category, Location and Placement Year elements. Options in these elements pull from lists (see content type elements details) which Administrators manage.
- Optionally add Fees
- Optionally add the name for the Course Leader
- Populate the relevant Course Workload element(s) which is used for Google Structured Data (schema mark up), ensuring this meets Google's requirements for courseWorkload:
- If the Course is blended add the Course Workload Blended
- If the Course is online add the Course Workload Blended
- If the Course is not blended or online or is available blended or online and another method of delivery add the Course Workload Default
Additional Content
Adding a Course content item creates the Masthead for a Course, additional content is added using any content type listed in the Creating Content section of the Content Types page. Ensure the Course is the first content item in the section.
Years of Entry
When more than one year of entry for a course needs to be published at the same time the main course section should contain the most current year of entry. Add a child section where the name of the section is the next year of entry, and untick the Show in navigation element, e.g., elements highlighted in screenshot:
In the Site Structure your sections should like this screenshot:
The main course section is set to show in navigation, the year child section is set to not show in navigation shown by the outline folder icon (see T4 documentation on section settings for more information).
Populate the year child section with the content for the next year of entry. The Course Code must be the same for each year of entry, this is used to link the courses and display the relevant details in the course details block. E.g., for the Dance BA Honours example with 2024 and 2025 years of entry:
The canonical URL of the next year of entry course page is set to the URL of the most current year of entry.
When the next year of entry is required take the following steps, taking the Dance BA Honours removing 2024 entry and adding 2026 as an example:
- Move the content (this is the 2024 content) from the main Course section to an archive
- Move the content from the 2025 child section to the main Course section
- Rename the 2025 child section to 2026 and add content for 2026
- If applicable add a redirect for the 2025 page URL, this should not be indexed in search engines as the canonical URL is set to the URL of the main Course page, however it may be linked to.
Metadata
The following elements have been automatically mapped to metadata:
| Element | Metadata |
|---|---|
| Course Name | og:title, twitter:title |
| Short Description | description, og:description, twitter:description |
| Main Image | og:image, twitter:image |
Content Type Details
ID: 466
Name: Course
Description: Adds a course page
Minimum user level: Contributor
Content Type Elements Details
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | Name | 140 Characters | Plain Text | Yes |
| Course Name | Name of the course | 250 Characters | Plain Text | Yes |
| Course ID | Course ID | 10 Characters | Plain Text | No |
| Year of Entry | Type the numeric year of entry for this course | 7 Characters | Plain Text | Yes |
| Course Code | Add Course Code | 100 Characters | Plain Text | No |
| Subject | Subject | 250 Characters | Plain Text | No |
| Subject New | Subject | N/A | Multi-select List (List: Courses Subject) | No |
| Study Type | Study Type | 250 Characters | Plain Text | No |
| Study Type New | Study Type | N/A | Multi-select List (List: Courses Study Type) | No |
| Short Description | A brief description of the course | 500 Characters | Plain Text | Yes |
| Main Image | An image used for the course main page and listing options | N/A | Media | Yes |
| Image Overlay | Apply an overlay to the image to improve the contrast ratio of the Course Name | N/A | Select Box (List: Course Image Overlay) | No |
| Carousel Image | A smaller image used exclusively for the carousel | N/A | Media | Yes |
| Apply Now CTA - Internal Link | Select a section/content for an internal link | N/A | Section/Content Link | No |
| Apply Now CTA - External URL | Enter full URL including https:// for external URL, only enter this if you are NOT entering an internal link | 250 Characters | Plain Text | No |
| Apply Now CTA Text Override | Override the 'Apply Now' CTA text | 20 Characters | Plain Text | No |
| CTA 2 - Text | Text for the first CTA below 'Apply Now' | 50 Characters | Plain Text | No |
| CTA 2 - Internal Link | Select a section/content for an internal link | N/A | Section/Content Link | No |
| CTA 2 - External URL | Enter full URL including https:// for external URL, only enter this if you are NOT entering an internal link | 250 Characters | Plain Text | No |
| CTA 3 - Text | Text for the second CTA below 'Apply Now' | 50 Characters | Plain Text | No |
| CTA 3 - Internal Link | Select a section/content for an internal link | N/A | Section/Content Link | No |
| CTA 3 - External URL | Enter full URL including https:// for external URL, only enter this if you are NOT entering an internal link | 250 Characters | Plain Text | No |
| Make CTAs dark | By default CTA buttons are light, tick to make dark. Use this option if using a light image. | N/A | Check Box (List: Yes - Unchecked) | No |
| How to Apply link | Select the link/page that shows how to apply for this course | N/A | Section/Content Link | No |
| Start | Start of the course | 100 Characters | Plain Text | No |
| Duration | Duration of the course | N/A | Multi-select List (List: Courses Duration) | No |
| Study Mode | Study Mode of the course | N/A | Multi-select List (List: Courses Study Mode) | No |
| Entry Requirements | Entry Requirements of the course | N/A | Multi-select List (List: Courses Entry Requirements) | No |
| School/Department | School/Department of the course | N/A | Multi-select List (List: Courses School/Department) | No |
| Attendance | Attendance required | N/A | Multi-select List (List: Courses Attendance) | No |
| Course Category | Select Course Categories which apply, used to match related courses | N/A | Multi-select List (List: Courses Categories) | No |
| Location | Location of the course | N/A | Multi-select List (List: Courses Location) | No |
| Placement Year(s) | Placement Year(s) | N/A | Multi-select List (List: Courses Placement Year) | No |
| Fees | Fees of the course | 200 Characters | Plain Text | No |
| Course Leader | Course Leader | 100 Characters | Plain Text | No |
| Course Workload Default | Used for adding the default Course Workload for schema data, see Component Library for guidance on format | 300 Characters | Plain Text | No |
| Course Workload Blended | Used for adding the Course Workload for schema data for blended courses, see Component Library for guidance on format | 300 Characters | Plain Text | No |
| Course Workload Online | Used for adding the Course Workload for schema data for online courses, see Component Library for guidance on format | 300 Characters | Plain Text | No |
Example
See:
- Course page design for full Course example
- Overlay Option Examples for examples of the different Image Overlay and CTA options