- Accordion
- Banner
- Bracket Quote With Text
- Button Panel
- Carousel
- Code Only
- Contents List
- CT - Link Block
- CT - News Carousel
- CT - Tabs
- Embed RSS
- Event Carousel
- Event Listing
- File Upload
- Foundation - 2 Cards
- Foundation - 3 Cards
- Foundation - 4 Cards
- Four Verticals
- General Content
- IMAGE - Single Image
- IMAGE => [5/7] Image / Wysiwyg
- Image and Text Expander
- Image Gallery
- News Story
- One Horizontal
- One Horizontal with Background
- Page Contents
- Panel
- Student Quote
- Three Verticals
- Two Horizontals
- Two Verticals
- Video Embed
- Video With Text
CT - Link Block
Content Type Information
General Guidance
- Organise Content Blocks: Avoid condensing all information into a single content block. If your content includes multiple data types, structure it into separate blocks for easier maintenance and future edits.
- Use Headings Properly: Headings should be used to group content and establish hierarchy, not for styling. Proper heading usage improves both accessibility and readability.
- Internal and External Links: When linking within your website, use Section Links and Content Links, as the Web CMS automatically updates these if content is reorganised. For external links, always use the full URL of the destination website or resource.
- Third-Party Content and Custom Code: Do not embed unapproved third-party content or add custom code without consulting our team via the IT Service Desk.
Visit our section How to Write for the Web for some guidance on creating and maintaining content on your website.
Images and Documents
All assets for use on our website must be properly prepared before they are added to the Media Library.
- Copyright Compliance: Ensure all assets are sourced responsibly. If using third-party assets, obtain the necessary permissions before uploading to avoid copyright infringements.
- Accessibility: Documents must be fully accessible before being added to the Media Library for website use.
- Optimising Assets: Images must match the required dimensions (Width x Height) for use with Content Types. These requirements are provided in field descriptions and form guidance. Document file size must be optimised for upload to the Media Library and for use on the web. The maximum file size for upload to the Media Library is 5MB (megabytes).
- Filename Convention: Users must ensure that assets are named correctly before they are uploaded to the Media Library. Assets must only contain lowercase letters (a to z), numerals 0-9) and hyphens (-). Avoid spaces, special characters, or uppercase letters.
Visit our Media Library information section for more guidance and resources.
Accessibility Guidance
Please use the following guidance to help make sure your content adheres to accessibility regulations:
- Do not create images with embedded text.
- Do not add image Alt Text / Description to your image if it is decorative.
- Do not use generic link text such as 'Click Here' and 'Read More'.
- Do not add HTML elements such as
span,div,h1or CSS to any of the fields to change the structure or styling of the Content Type. It will be removed by our team. - Ensure that you have added a descriptive
titleattribute to any third party embeds on your website such as video embeds for Panopto and YouTube.
Visit our Accessible Content Guidance for more information on how to make sure your website content is accessible.
Form Field Guidance
Name: CT - Link Block
Description: Add a row of 2 - 4 link buttons to a web page. The button style can either be solid or hollow.
| Field Name | Field Description | Size | Type | Required |
|---|---|---|---|---|
| Name | This is the name of your content block. Choose a descriptive and easily identifiable name, such as 'Study and Career Block 1.' | 80 Characters | plain text | true |
| Button Style | Option to choose between a solid or hollow style for all buttons in the row. | 80 Characters | Select Box | false |
| Link Bank Title | Add an optional title above the button row. | 65 Characters | plain text | false |
| Button 1 | Add short, descriptive text that will be shown inside the first button. | 200 Characters | plain text | true |
| CHOOSE Section Link OR Web Address OR None 1 | Choose whether to make the first button an internal section or content link, or link it to an external web address. | 80 Characters | Radio Button | false |
| Section Link for Button 1 | Make the first button link to another section or piece of content on your website. | 80 Characters | Section/Content Link | false |
| Web Address for Button 1 | Make the first button link to an external website or resource by adding the full URL, e.g. https://www.qub.ac.uk/ | 200 Characters | plain text | false |
| Button 2 | Add short, descriptive text that will be shown inside the second button. | 200 Characters | plain text | true |
| CHOOSE Section Link OR Web Address OR None 2 | Choose whether to make the second button an internal section or content link, or link it to an external web address. | 80 Characters | Radio Button | false |
| Section Link for Button 2 | Make the second button link to another section or piece of content on your website. | 80 Characters | Section/Content Link | false |
| Web Address for Button 2 | Make the second button link to an external website or resource by adding the full URL, e.g. https://www.qub.ac.uk/ | 200 Characters | plain text | false |
| Button 3 | Add short, descriptive text that will be shown inside the third button. | 200 Characters | plain text | false |
| CHOOSE Section Link OR Web Address OR None 3 | Choose whether to make the third button an internal section or content link, or link it to an external web address. | 80 Characters | Radio Button | false |
| Section Link for Button 3 | Make the third button link to another section or piece of content on your website. | 80 Characters | Section/Content Link | false |
| Web Address for Button 3 | Make the third button link to an external website or resource by adding the full URL, e.g. https://www.qub.ac.uk/ | 200 Characters | plain text | false |
| Button 4 | Add short, descriptive text that will be shown inside the fourth button. | 200 Characters | plain text | false |
| CHOOSE Section Link OR Web Address OR None 4 | Choose whether to make the fourth button an internal section or content link, or link it to an external web address. | 80 Characters | Radio Button | false |
| Section Link for Button 4 | Make the fourth button link to another section or piece of content on your website. | 80 Characters | Section/Content Link | false |
| Web Address for Button 4 | Make the fourth button link to an external website or resource by adding the full URL, e.g. https://www.qub.ac.uk/ | 200 Characters | plain text | false |
| Margin Bottom | Keep the default setting or add an optional bottom margin to the content block. | 80 Characters | Select Box | false |