Adding Media

The Media Library

Screenshot of the media library

The media library stores all of your documents and images in one location so you can easily access and add them to any page. In the media library, you can see all the media that exists on your site. You can search for, edit, add or delete media here as well.

Accessing the Media Library

The media library shows all of the files currently uploaded to your site and gives you access to edit or delete each individual file. There are two ways to access the media library—through the content overview and through the Drupal toolbar.

Via the content overview

  1. Click Content in the Drupal Toolbar.
  2. Click Media at the top left of the content overview page.

Via the Drupal Toolbar

  1. Hover over Content in the Drupal toolbar
  2. Click Media

Uploading New Media 

To upload an image or document—like a PDF—to your media library:

  1. Click Add Media at the top left of the media library
    Add media button on the media library page
  2. On the next page, select the type of media you want to add to the media library

Alternatively, you can access the add media page directly through the Drupal toolbar.

Screenshot of adding media through the Drupal toolbar
  1. Hover over Content in the Drupal toolbar
  2. Hover over media
  3. Click “Add a new media”

Images

We suggest using the following image sizes: 

  • Homepage/Hero Images: 1224 x 662 px  
  • Subfeature Images: 705 x 528 px  
  • Asides: 664 x 374 px
  • Profiles: 250 x 300 px
  • No images larger than 2000 px wide and 800 px tall.

You must have permission to use any photo you upload to your website. 

Uploading an Image

  1. On the add new media page, select Image.
  2. On the next page, click Browse under the Image heading.
    Screenshot of the browse button
  3. Select the image in the File Upload window and click open.
  4. Provide a media name for the image. This can either be the file name or the image’s title. Editors on your site will be able to search for the image by the media name.
  5. Click Save and Publish.

Changing the focal point

Having a specific focal point for images keeps the focus on one point as the page adjusts for different browser or content sizes. This can be incredibly helpful for larger images and hero images. If you have to use an image that was cropped incorrectly, changing the focal point could help.

To change the focal point of the image, click and drag the white crosshair on the image. Place the crosshair over the most important point of the image.

Screenshot of the focal point crosshair

Documents

PDFs and other documents must be added to the media library first before linking to them from a page.

  1. On the add new media page, select Document.
  2. On the next page, provide a media name for the document. This can either be the file name or the document’s title. Editors on your site will be able to search for the document by the media name. Do not fill out the description field. 
  3. Click Browse under the Document heading.
  4. Select the document in the File Upload window and click open.
  5. Click Save and Publish. 

To link your text to a PDF: 

  1. Go to the page you would like to add the document to and select New Draft. 
  2. Highlight the text you wish to link to the document. 
  3. Choose "Internal Link" and search for the document name. 
  4. Select the document and click save. 
  5. Save the page. 

Editing Media

You can update or change media through the media library, and Drupal will update it on every page it appears.

  1. Navigate to the Media Library
  2. Find the media you want to edit by typing in a portion or all of the name into Media Name and click Apply OR scroll through your media to find it manually.
  3. Click Edit in the drop down menu at the bottom of the media.
  4. On the next page, you can change the media information or replace the media with a new file.

Replacing Media

To replace media with a different file:

  1. Navigate to the media.
  2. Click Remove.
    • For images, remove is to the right of the file name below alternative text.
      Screenshot of the remove button for images
    • For Documents, remove is at the bottom, above the Save and Publish drop down menu.
      Screenshot of the remove button for documents