Slideshows/Colour block/Twitter
As the name suggests this combines three separate elements providing the opportunity to pull together different content in an engaging way. The Slideshows/Colour block/Twitter content type is for use with any page layout.
The design is an amalgam of two separate content types brought together.
Give it try
Creating the Slideshows/Colour block/Twitter content type is a two stage process.
Stage one
First create the slideshow:
1. Create a hidden section called Slideshow (Case sensitive) as a sub-section (child) of the section (page) where the slideshow will live.
2. Create a second sub-section (child) of Slideshow to 'house' the slideshow items. In this example, slideshow 1 items.
Graphic below shows the structure. Grey indicates as folder is hidden from the navigation:
3. Add a Slideshow item - mixed content content type for each slide in the sequence to your second sub-section, in this example, slideshow 1 items.
There's a bug in t4 and items cannot be ordered with the up and down arrows. To control the order in which the items appear, they should be named with numeric or alphabetic prefixes thus: a - item description, b - item description etc., OR 1 - item description, 2 - item description etc.
NB: If another separate slideshow is required on this page the slides would live in another section, for example, slideshow 2 items.
4. Fill in the form, as below:
Field title | What should I do? | Is it compulsory? |
Name* | Give each item a name e.g. a - item description, b - item description, c - item description etc. | Yes |
Image* | A large image at least 679 x 435 pixels is required | Yes |
Link Internal | Use the Select link to add an internal link OR | No |
Link External | Copy and paste URL from external website | No |
Caption* | Description of the image | Yes |
Display item?* | Defaults to ticked | Yes |
5. Click Add & Approve to save.
Stage two
Second - adding the Colour block and Twitter:
5. Add a Slideshow/Colour block/Twitter content type to the section (page) where the Slideshow/Colour block/Twitter will live. (See How to add a content type).
6. Fill in the form, as below:
Field title | What should I do? | Is it compulsory? |
Name* | eg Slideshow/Colour block/Twitter | Yes |
Column 2 Image* | This image sits at the top of the Colour block it must be at least 332 x 212 pixels is required | Yes |
Column 2 Heading* | This heading appears in the Colour block | Yes |
Column 2 Content* | This populates the content area in the Colour block | Yes |
Column 2 Link text* | Add text to the compulsory link | Yes |
Column 2 Internal Link | Use the Select link to add an internal link OR | No |
Column 2 External Link | Copy and paste URL from external website | No |
Caption* | Description of the image | Yes |
Twitter Search term* | @imperialcollege in the case we've used | Yes |
Twitter Embed Code* | Enter the Twitter Embed code - How to generate your Twitter Embed Code | Yes |
Twitter Link* | eg. https://twitter.com/imperialcollege | Yes |
Find items* | Select the section slideshow 1 items. This ties the Slideshow built earlier to the rest of the block. | Yes |
Display items* | Defaults to ticked | Yes |
Twitter Widget - please do not use |
Use the Embed Code option above. This option is no longer available. | No |
7. Click Add & Approve to save