Here you can create folders to organize the media and you can upload images and PDF’s. Once you are in the Media area, you can drag and drop to upload or you can create new items. We would strongly recommend keeping the Media area organized and structured using folders.
You can also click on each image to view them and add a description. We would recommend that all images have descriptions.
When rendering images, the website code handles a lot of the optimisation work; this ensures the right sized image is used for device width it’s being displayed on. It also keeps the image file size down to help with page speed. As a general rule, we’d recommend following the below practices when using images in the CMS:
Depending on the device size, a different aspect ratio will be used for some images. For example, an image that displays landscape on a desktop could display as a square image on mobiles. This avoids the need for having separate desktop/mobile images. The Media area allows you to have control over the crop and focal point of an image for different aspect ratios. This gives the editor control over which part of the image is visible for different devices.
You can click into the image, and then click on the various aspect ratios on the right hand side. You’ll then be able to drag the image around to change the visible area. You can also drag the dot in the middle of the image to change the focal point of the image.
You’ll be able to make the changes, save, then preview the page to ensure that you’re happy with how the image looks on desktop/tablet/mobile.
Media items can be added directly when editing page content, or added to the media library and then ‘picked’ when editing page content.
Once you have uploaded the PDF you can then link to this Media item from a page on the site. You will need to do this by clicking on the ‘Insert/edit Link’ symbol in the rich text editor. Here you can then navigate to the PDF by selecting ‘Select media’ button in the ‘Link to media’ section.
