Adding and Deleting Images and Documents

Uploading New Media

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

  1. Click Add Media at the top right of the media library
  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.

  1. Hover over Content in the Drupal toolbar
  2. Hover over Media
  3. Click “Add New Media”

Images

Uploading an Image

  1. On the add new media page, select Image.
  2. On the next page, click Choose File under the Image heading.
  3. Select the image in the File Upload window and click open.
  4. Provide alternative text for the image. Learn more about how to write alternative text.
  5. 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.
  6. Click Save.

Changing the Focal Point

Having a specific focal point for images keeps the focus on one point as the page adjusts for different browsers 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.

Note: While Drupal allows you to choose a size and focal point when working with images, Drupal is not an image editing software. If there is a specific image size or dimension you need, update your image in an image editing software such as Photoshop first before uploading the image to the website.

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 Choose File under the Document heading.
  4. Select the document in the File Upload window and click open.
  5. Click Save. 

Learn about how to link your document within a page on your website

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

If you have an update to a document on your website, you can replace the media file with the updated document rather. To replace media with a different file:

  1. Navigate to the media.
  2. Click Remove.
    • The Remove button is located to the right of the file name.
  3. Upload the new file
  4. Click Save

Deleting Media

If you no longer want a document or image to exist on the website, you'll need to delete it from the Media Library.

  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. In the dropdown under your media file, click Delete

Adding Media to a Page

Whether you’re looking to add an image or link a document to a page, make sure it has been uploaded to your Media Library first. You can learn how to do this by reviewing the Uploading New Media section listed above.

Once the image or document has been uploaded, edit the page you would like the media to appear on and then follow the steps listed on the WYSIWYG Editor page to learn how to add your media item to the page.