Skip to main content

December 2018 University Homepage - how its built in SiteManager

Model Page

https://t4.net.marjon.ac.uk/webdev/dec-2018-new-designs/homepage/


Page Layout


The homepage uses the '2018 Home' page layout




Content 


There are 23 pieces of content that make up the homepage as follows:




1.  2018 Message Banner - content type. Adds a message at the top of the page.







2. 2018 Homepage Video Search - content type. Adds a course search box with a video from vimeo and 3 call to action boxes






3. 2018 Accolades Block - content type. Adds 3 accolades with animated gifs






4. 2018 Message Banner Slideshow - content type. Adds a message banner slideshow. Select 'Show the Social Media Icons on this slide' to show social media icons on the page






5 and 6.  2018 Message Slide  - content type. Add the message and links for the Message Banner Slideshow.


7. 2018 Help Block  - content type. Adds a 2018 Help Block and first Help item (in this case 'Art'). Images are  1000 x 600.


8,9,10,11,12,13. 2018 Help Block List Item - content type. Adds the other items for the 2018 Help Block. Images are 1000 x 600.


14. 2018 Signpost Blocks - content type. Adds a 2 box signpost block. Images are 800 x 500. 



15. 2018 Video Blocks - content type. Adds a 2 video block item.  Images are 800 x 500.



16.  2018 How can we help block - content type. Adds a help block with image and the 1st item (in this case  1 See our complete list of courses) Image is 800 x 500.


17,18,19,20.   2018 How can we help list item - content type. Adds the other items to the How can we help block.


21.   2018 News Tag More - content type. Brings back the 5 latest news items by category from the news section with images 480 x 480 . 



 22. 2018 Signpost Blocks - content type. As 14 above.


23. 2018 Single Signpost - content type. Adds a single signpost block.  Image is 800 x 500.




All image sizes  above are based on recommendations from Studiose (see https://basecamp.com/2995807/projects/13433867/messages/82260149#comment_668053103)

Popular posts from this blog

2013 Website Redesign - Creating a custom page look & feel using the current '2013 Landing' page layout

First we need to change the 'Page layout' option in SiteManager on the 'Marjon 2013' channel as below (when modifying a section) to '2013 Landing':  The next stage is to add content to the page. There are a number of content types that can be used: Articles Article Snippets   Banner Slide  Highlight Button Our Community Small Snippets Specialisms The only precursor to the custom page is that a banner slide must be added to the page. After that multiple occurrences of any of the content types can be added to create a custom page layout.

2016 Website Designs - General Page - how its built

Model Page http://beta/webdev/2016-content/general/ Page Layout The General page uses the '2016 Inner Page' layout Content  There are 5 pieces of content that make up the General page as follows: 1, 2 & 3 (must be in sequence to appear in Media Slider but can appear anywhere on a page) -  Media Slider content type Example Image (must be height of 578px) Example Embedded Video 4.  Content -  ' Two Column General Content'  content type 5.  collapsible text - ' Two Column Collapsible General Content'  content type

2016 Website Designs - Student Life - how its built

Model Page http://beta/webdev/2016-content/studentlife/ Page Layout The Student Life page uses the '2016 Landing Page' layout Content  There are 5 pieces of content that make up the Student Life page as follows: 1. Static Image -  ' Static Image'  content type -    the images from the media library (need to be 1440px x 900px) 2. text title -  - ' Textual Section Title ' content type 3.  Two Column General Content -  ' Two Column General Content'  content type 4. 3 signpost -  Three Signpost Box  content type -    the images are used are from the media library (need to be 480px x 480px) 5. 2 box signpost -  Two Signpost Box  content type    -  the images from the media library (need to be 1440px x 900px)