Skip to content

Spotlight Wrapper and Spotlight Item

The Spotlight Wrapper and Spotlight Item content types can:

  • be set to show in rows of twos or threes
  • can be coloured with brand colours at a spotlight wrapper level
  • can be grouped in two ways, either by pulling in every spotlight item in a specified section, or by setting a spotlight keyword in the wrapper and the desired spotlight items. 

The first two of the following example spotlight examples are pulling every spotlight item from a specified widgets sub-section - the spotlight keyword field is not used.  The second two examples make use of the spotlight keyword field, which allows them to reference different groups of spotlight items that are held in the same section. 

Examples

Spotlight - Primary

Text stating image size in pixels.

This is a Spotlight content type.

The spotlight keyword field is NOT used to pull this in - The parent wrapper pulls all spotlights in from the specified section. The image used in this title is 700x560.

Text stating image size in pixels.

This is a Spotlight content type

The spotlight keyword field is NOT used to pull this in - The parent wrapper pulls all spotlights in from the specified section. The image used in this title is 700x560.

Spotlight - Secondary

Text stating image size in pixels.

This is a Spotlight content type.

The spotlight keyword field is NOT used to pull this in - The parent wrapper pulls all spotlights in from the specified section. The image used in this title is 700x560.

Text stating image size in pixels.

This is a Spotlight content type

The spotlight keyword field is NOT used to pull this in - The parent wrapper pulls all spotlights in from the specified section. The image used in this title is 700x560.

Spotlight - Accent Primary

This spotlight group pulls in spotlights from the specified section that have the matching value of keyword1 in the Spotlight Keyword field.

Text stating image size in pixels.

This is a Spotlight content type - keyword1

The spotlight keyword field IS used to pull this in - The parent wrapper pulls all spotlights in from the specified section that match the spotlight keyword. The image used in this title is 700x560.

Text stating image size in pixels.

This is a Spotlight content type - keyword1

The spotlight keyword field IS used to pull this in - The parent wrapper pulls all spotlights in from the specified section that match the spotlight keyword. The image used in this title is 700x560.

Instructions

Adding the Spotlight Wrapper
  1. From the content in this section select the green add content button
  2. Select the spotlight wrapper content type from the list or alternatively you can type 'spotlight wrapper' into the filter search box
  3. Click on the name of the spotlight wrapper content type to add it into the section
  4. Enter a name for the spotlight wrapper. This will not be displayed on the published page 
  5. From the drop-down list choose a background colour for your spotlights. By default we recommend using Lincoln Navy #002147. Please be mindful of other content types that are adjacent to spotlight items to avoid a clash of colours on your web page
  6. Add section link to where the spotlight items are located in the content management system. This is usually the section that you are currently working in.
  7. Tick the box to use default link text
  8. Tick the box to retrieve spotlight
  9. Optional step: Enter a spotlight keyword. This is required if you intend to use more than one spotlight in the same section/page. For example, Research Spotlights, Spotlight 1, Spotlight 2 are suitable names. Clear naming will help you to differentiate between the spotlights more easily in the CMS
  10. Once you have completed all of the required fields, click the save changes button to save your content type as a draft.
Adding a Spotlight Item
  1. Make sure you are viewing the content tab
  2. From the content in this section select the green add content button
  3. Select the spotlight Item content type. Alternatively you can type 'spotlight item' into the filter search box
  4. Click on the spotlight item content type to add it into the section
  5. Enter a name for the spotlight item. This will not be displayed on the published page. If you are using keywords, it is a good idea to also include this in the spotlight name for quick reference in the future 
  6. Select an Image for your spotlight item from the media library using the blue select media button. This image needs to be 700x560 pixels to display correctly  
  7. Enter a title for your spotlight. The title will be visible to all website visitors 
  8. Enter text for the spotlight. Be aware there is a 350 character length limit
  9. If you are using the spotlight as link be sure to tick the is spotlight a Link check box
  10. Next you will need to set the appropriate link option.  This can be set to internal, file or external 
  11. Tick use default link text. However, if you are not using links, then you do not need to tick this check box 
  12. If you are using an internal link, you can do so using the green add section link button
  13. If you are linking to a file, then be sure to set the internal file link field by selecting a file from the media library
  14. If you are using an external link, you must include the full URL in the external link field. For example, https://www.lincoln.ac.uk/abouttheuniversity/
  15. Enter the desired button text into the button text field
  16. Always make sure to tick the retrieve spotlight check box
  17. Optional: Enter a spotlight keyword to identify your spotlight items  
  18. Proceed to fill in all of the fields in the content type. The * next to an element identifies that the element is required
  19. Once you have completed all of the required fields click the save changes button to save your content type as a draft
  20. When you are ready to publish your section and 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. 

Spotlight Keywords and Ordering Spotlights

For spotlight groups that make use of the 'Spotlight Keyword' field, the spotlights are sorted by spotlight item 'Name' value. Please be aware that you may experience unintended ordering of the spotlights.  One way to bypass this is to put a number at the start of the 'Name' field e.g. 0.1 - <name>; 2 - <name> etc. 

Content Type Elements - Spotlight Wrapper
Name Description Max Size Required?
Spotlight Background colour The colour you see behind the text (also changes the hover colour) 80 Yes
Section where search Spotlight items   80 Yes
Large Viewport - Group in twos? Ticking this will group the spotlights in twos instead of threes, so if you have 2 or 4 spotlights then there won't be negative space if you have an odd number of spotlights 300  
Retrieve Spotlight   2048 Yes
Spotlight Keyword Only use if multiple spotlight groups are needed on a page. If needed then this field needs to match what is in the individual Spotlight Items 100  
Content Type Elements - Spotlight Item
Name Description Max Size Required?
Image   80 Yes
Title   80 Yes
Text   350  
Is spotlight a link? Tick if spotlight is a link. If unticked then then all the following link options are overriden. 80  
Link Option Select what kind of link you want to use. This only takes effect if 'Is Spotlight a Link?' is ticked 80 Yes
Internal Link Use if you want to link to another T4 section 80  
Internal File Link Use if you want to link to a file in the media library 80  
External Link Use if you want to link to an external site url 300  
Button Text my button 22  
Retrieve Spotlight Always keep this  option ticked 80 Yes
Spotlight Keyword   100