Uploading PDFs and Images

 

Step by Step Instructions

Modern Campus CMS accepts a variety of file types including common extensions such as .jpg, .png, .gif and .pdf. The following size limits are set in place to help support our server space limitations: 

  • Test-Based Files: 25 MB 
  • Image Files: 10 MB 
  • Other Files: 25 MB (such as music or video files) 

 

If you need assistance with downsizing your images for web upload, we highly recommend taking the Canto Photo Database training as this allows you to download photos from UW’s photo database into compressed sizes that are ideal for websites. Smaller photo sizes help with page load time which can greatly contribute to a positive search engine optimization score and end user experience.

  1. From the Content tab at the top of the page, navigate to either the images or documents folder within your site's "_files" folder where you will be uploading a photo or PDF into. 

  2. Select the Upload button once you have navigated to the folder in which you wish to upload the file. 

    uploading files step 2 screenshot

  3. In the window that appears, check that your preferences are set as the default options: the Type as Upload Files and the Access Group as Inherit Existing. Click the "+ADD" and search your computer for the new file or drag it from the desktop.

    uploading files step 3 screenshot

  4. Ensure that you have selected the correct photo or document in the window that appears. Click the Start Upload button.

  5. In your files list, select the check box to the left of the file name that you have just uploaded in the folder and click publish in the tool bar that appears at the top. 

    uploading files step 5 screenshot

  6. Publish to both Production (also referred to as default or main) and Dev from the "Publish Target" drop down in the window that appears. 

    Note: To do this, repeat step 6 twice and publish to the two different targets. 

    uploading files step 6 screenshot

  7. Your image is now ready to be used. Check out the how to insert images guide for next steps!