{"id":59,"date":"2014-01-23T12:51:03","date_gmt":"2014-01-23T12:51:03","guid":{"rendered":"https:\/\/blogs.ncl.ac.uk\/t4\/?p=59"},"modified":"2021-06-18T13:14:30","modified_gmt":"2021-06-18T12:14:30","slug":"banner-slideshows","status":"publish","type":"post","link":"https:\/\/blogs.ncl.ac.uk\/t4\/2014\/01\/23\/banner-slideshows\/","title":{"rendered":"Banner Slideshows"},"content":{"rendered":"

Note<\/strong> that these slideshows don’t have to go in the Home Banner – you could easily make one in the sidebar or even in the content area, but the image dimensions mentioned on this page are for that purpose.<\/p>\n

It’s a good idea to prepare your images in advance. The best tool for the job is Photoshop, which you can find on RAS<\/a>. Images in the banner should be 950px wide. The height of the image is up to you, so long as they’re all the same size, but 250px works well.<\/p>\n

Upload your images into your folder of the Media Library, which can be found in the Content tab top right of T4.<\/p>\n

\"Media<\/a><\/p>\n

Each site should have its own Media Library<\/a> folder in the corresponding section – only when you’re your<\/em> section will you see the Add Media<\/strong> button.<\/p>\n

\"Slides<\/a><\/p>\n

\"Uploading<\/a><\/p>\n

Once you’ve uploaded your images to the media library, go back to the Site Structure.<\/p>\n

If you don’t already have one, create a hidden section called Home Banner<\/strong> as described here<\/a>.<\/p>\n

\"Home<\/a><\/p>\n

Each slide will be its own piece of content in the section, click on Add Content<\/strong> in the column of dropdowns to the right of the Home Banner section and then select All Purpose Content<\/strong>.<\/p>\n

\"All<\/a><\/p>\n

Add one slide image from the media library to each piece of content. The Media Library is accessed by the button to the right of the too bar with the coloured shapes in.<\/p>\n

\"Media<\/a><\/p>\n

The Media Library will popup in the last section you visited, so this should be the same one you uploaded your slides to. Select the Slide image by mousing over it and clicking on Select.<\/p>\n

\"Selecting<\/a><\/p>\n

Remember that you can use the chain link icon to make the slides links to different sections in your site.<\/p>\n

\"Slide<\/a><\/p>\n

Enter the word ‘slide<\/strong>‘ into the Class<\/strong> field in the All Purpose Content, and then click Add and Approve<\/strong>.<\/p>\n

Repeat this process, creating a new piece of content for each slide.<\/p>\n

\"Banner<\/a><\/p>\n

\"Banner<\/a><\/p>\n

You can re-order the slides (or any content) by using the Move buttons to the right.<\/p>\n

To preview this you need to preview the site as a whole (previewing from within an individual piece of content won’t work because they’re fragments of the page) so use the Preview Site link to the right of your homepage.<\/p>\n

The next time the site homepage publishes, your slideshow will publish with it (for the same reason as previewing them as fragments, they won’t publish individually). Use ‘Publish branch’ from the top level section to force the whole site to publish – this may take five or ten minutes for a big site or one with lots of images.<\/p>\n

\"Publish<\/a><\/p>\n

\"950_pixels_wide-fw\"<\/a><\/p>\n

See Also:<\/strong><\/p>\n