Website style guide - M

Off

A      B      C      D      E      F      G      H      I      J      L      M      N      O      P      Q      R      S      T      U      V      W      Z


On this page:


Maps

Applies only to CMS

Maps can be added to the body of a Basic page. They require the embed HTML from a third party map provider eg OpenStreetMap or Google Maps inserting into a Raw HTML Component. This can then be embedded as a Component from the library into your page at 100% width.

The map will be interactive and can include functionality like zoom, scroll, address and directions.

To request a map is inserted into the Central Component library, email digital.help@sheffield.ac.uk with the embed code for your map.

Maps are a built-in feature of the Event Content type..

Raw HTML box - Website style guide

Events - Website style guide


Media 

See Files or Media manager


Media manager

Applies only to CMS

Before inserting images, videos and files into a page they need to be added to a site's media library. 

This library acts as your single source of media allowing for edits and changes to be updated simultaneously across all instances of an embedded item of content.

Ensure media is labelled in a consistent fashion, starting with your group name or acronym, and then a descriptive title (eg USP - students conducting research). This makes it easier to find media.

Media Manager - Web support

Alt text - Website style guide


Menus

Navigation - Website style guide


Mobile view

Applies only to CMS

The responsive nature the CMS pages means the website is optimised for the device it is viewed on (ie the site displays differently on a mobile compared to a desktop).

Website visitors increasingly use a mobile device or tablet to view the University's website. With this in mind, content creators should be aware of the below:

  • Use the preview functionality to review how a page and embedded components look, read and respond on mobile devices.
  • A mobile device only shows a small amount of content when the page loads. The first few lines of text - usually the intro - should be concise, attention-grabbing and summarise the content of the page. If you opt for an image-first approach, make it colorful, engaging, and relevant to the rest of the article.
  • How long or deep sections of paragraph or bulleted content is. Try to avoid a wall of text by using short paragraphs and where possible use concise bullets to emphasise key points.
  • Be strategic with your calls to action. On mobile, it’s even more important to define and prioritise your most important call to actions.

See 'preview and save' on Create a page - Web support

Feedback

If you have any questions or comments about this guide, contact us.

Get in touch

If you have CMS questions or are stuck then get in touch and we'll do our best to help.