Media Manager

Media Manager is the central hub in your CMS for managing all the files and images you want to include on your website. From here, you can:

• Upload new files

• Create folders to keep everything organised

• Edit existing images by cropping, resizing, or renaming

⚡ Useful Tips

• Keep images organised in folders – This makes it easier and faster to locate what you need.

• Use clear naming conventions – For example: logo_asp to identify the type of image and where it will be used.

• Change views – Switch between grid and list views to quickly find your files.

• Search box – Use it to locate images or files by name.

🔍 SEO Tip

Using descriptive filenames for your images improves SEO and accessibility:

• Instead of generic names like image1.jpg, use something meaningful like excited-visitors-interact-with-exhibitors-acme-2018.jpg.

• Don’t be too literal; write a short descriptive sentence that explains the image. This helps search engines and screen readers understand the content.

📝 Task: Uploading and Editing Images

Uploading to Media Manager

1. On your desktop, locate the folder called TASK_Media_Manager.

2. In the CMS, click Media Manager from the left-hand menu.

3. You can upload images in two ways:

   • Drag and drop the images into the Select Files section.

   • Or click Select Files in the Select Files section to open a file picker.

4. Navigate to the folder on your desktop and select the images you want to upload.

   • To select multiple files, hold Ctrl (Windows) while clicking each image.

5. Click Open to start the upload process.

6. A progress bar will appear for each file. Once complete, the files will be ready to use.

Cropping an Image

1. Click on an uploaded image to open the Image Properties window.

2. Click the Crop tab.

3. Use the draggable box on the left to select the crop area. You can resize and reposition it as needed.

4. On the right, ensure Crop to a new file is selected. This keeps the original image intact.

5. Click Crop Image.

6. Verify the new image appears in your folder.

Resizing an Image

1. Click on an uploaded image.

2. Select the Resize tab.

3. Enter the new width or height. The other dimension will adjust automatically to maintain proportions.

   • Tip: You can uncheck Lock proportions, but this may stretch the image and is not recommended.

4. Select Resize to a new image and leave the filename as default.

5. Click Resize Image.

6. Verify the new image appears in your folder.

This guide ensures your media is well-organized, correctly sized, and optimized for both visual consistency and SEO.