Contact Block
The Content Block content type is intended to be the contact block that is directly above the footer. It is full width (no max-width) and can have either no background colour or one of several background colour options.
- The physical address is selected via a dropdown menu
- The email and Phone number fields are optional and (if populated) will be automatically displayed with the appropriate icon
- The Social Media icons are selected via a dropdown menu, the URL and Aria Label are Plain Text fields. All three fields need to be populated before the SM icon is displayed. If no Social Media icons are selected then then only the address/contact details will be displayed.
Examples
No Background Colour - no SM icons selected
Contact Us
University Blue background - Accommodation Services Team
Contact Us
Accommodation Services Team
University of Lincoln
Brayford Pool Campus
Lincoln
LN6 7TS
University Teal background - School of Computer Science
Contact Us
School of Computer Science
University of Lincoln
Brayford Pool Campus
Lincoln
LN6 7TS
University Magenta - School of Computer Science
Contact Us
School of Computer Science
University of Lincoln
Brayford Pool Campus
Lincoln
LN6 7TS
Bootstrap Light background - School of Computer Science
Contact Us
School of Computer Science
University of Lincoln
Brayford Pool Campus
Lincoln
LN6 7TS
Instructions
Adding Content Types
- After you have chosen a website section to update make sure you are viewing the Content tab
- Under Content in this section select the green Add content button
- Select the content type you wish to use from the list or alternatively you can type the name of the content type into the Filter search box
- Click on the name of the content type to add it into the section
- Enter a name for the content type. This will not be displayed on the published page. It will only be visible as a name for the content type within Terminal four CMS for your reference
- Proceed to fill in all of the fields in the content type. The * next to an element identifies that the element is required.
- Once you have completed all of the required fields click the Save changes button to save your content type as a draft
- When you are ready to publish your content types make sure you ‘save and approve’ any changes. You can also approve a content type using the blue Actions drop-down button and then clicking Approve.
If you are unable to see or add a specific content type it may need to be enabled in your branch / section. Please email webteam@lincoln.ac.uk for support.
Content Type Elements
Name | Description | Max Size | Required? |
---|---|---|---|
Title | The main title of the content block (will be an H2) | 100 | Yes |
Background Colour | This will be the background colour of the content block - Leave blank if no colour needed | 80 | |
Address | The Physical address of the contact entity | 80 | Yes |
Hide or display the CTA button | 100 | ||
Phone | Choose a primary colour for the Call to Action Button from Navy, Magenta or Teal | 20 | |
Online Enquiries Form URL | Enter a link for the call to action button E.g. https://www.lincoln.ac.uk. For internal links you can use /link E.g. /studentlife/ | 100 | |
Social Media 1 Icon | For the Social Media Icon. All Three fields (Icon/URL/Aria Label) need to be populated for this to be active on the site | 80 | |
Social Media 1 URL | The URL of the Social Media Channel. All Three fields (Icon/URL/Aria Label) need to be populated for this to be active on the site | 150 | |
Social Media 1 Aria Label | For Accessibility. If this is not populated then the icon will not be displayed. All Three fields (Icon/URL/Aria Label) need to be populated for this to be active on the site | 150 | |
Social Media 2 Icon | Same description as the Social Media 1 Icon | 80 | |
Social Media 2 URL | Same description as Social Media 1 URL | 150 | |
Social Media 2 Aria Label | Same description as Social Media 1 Aria Label | 150 | |
Social Media 3 Icon | Same description as the Social Media 1 Icon | 80 | |
Social Media 3 URL | Same description as Social Media 1 URL | 150 | |
Social Media 3 Aria Label | Same description as Social Media 1 Aria Label | 150 | |
Social Media 4 Icon | Same description as the Social Media 1 Icon | 80 | |
Social Media 4 URL | Same description as the Social Media 1 URL | 150 | |
Social Media 4 Aria Label | Same description as the Social Media 1 Aria Label | 150 | |
Social Media 5 Icon | Same description as Social Media 1 Icon | 80 | |
Social Media 5 URL | Same description as Social Media 1 URL | 150 | |
Social Media 5 Aria Label | Same description as the Social Media 1 Aria Label | 150 | |
Social Media 6 Icon | Same description as the Social Media 1 Icon | 80 | |
Social Media 6 URL | Same description as the Social Media 1 URL | 80 | |
Social Media 6 Aria Label | Same description as the Social Media 1 Aria Label | 150 | |
Social Media 7 Icon | Same description as Social Media 1 Icon | 80 | |
Social Media 7 URL | Same description as Social Media 1 URL | 150 | |
Social Media 7 Aria Label | Same description as the Social Media 1 Aria Label | 150 |
Fontawesome Icons
Font Awesome 6 Icon List
A list of Currently available Font Awesome Icons for this content type are displayed in the table below:
Name | Icon |
---|---|
Codepen | |
Discord | |
Github | |
Paypal | |
Slack | |
Threads | |
Tiktok | |
Twitter - X | |
Wordpress | |
Youtube |