Skip to main content
UMD Terp Template Demo Site
Alternative Homepages Basic Pages Find Inspiration Kitchen Sink Guidelines
Alternative Homepages
Homepage: No Image Alternate Homepage: Video Loop Alternate Homepage: background with all options
Basic Pages
Internal Page Alternate Internal Page Directory News Events
Find Inspiration Kitchen Sink
Text Formatting Two and Three Columns Accordions Blockquotes Stat Groups Tabs Tables Button and Links Card Groups Image (Single) Image with Text Carousels Slideshows Video Event and News Feeds Views (Local Article and Event Feeds) People Dividers Template Customization Contact Us
Guidelines
Getting Started Introduction Basic Layouts Content Types Widgets Roles and Permissions Taxonomy Customization Advanced Editing Accessibility Reviews
Homepage: No Image Alternate Homepage: Video Loop Alternate Homepage: background with all options
Internal Page Alternate Internal Page Directory News Events
Text Formatting Two and Three Columns Accordions Blockquotes Stat Groups Tabs Tables Button and Links Card Groups Image (Single) Image with Text Carousels Slideshows Video Event and News Feeds Views (Local Article and Event Feeds) People Dividers Template Customization Contact Us
Getting Started Introduction Basic Layouts Content Types Widgets Roles and Permissions Taxonomy Customization Advanced Editing Accessibility Reviews

Adding files other than images (ie: pdf documents)

Home Template Guidelines Advanced Editing Adding files other than images (ie: pdf documents)

Accessibility Concerns

Because of the accessibility concerns around documents, like pdfs, or word processing documents (ie: Microsoft word, Apple’s Pages, Libre Office, Google Docs, etc), the Office of Strategic Communications (OSC) strongly recommends transferring the content from those formats into one of the 5 layouts made available by the templates, such as UMD Terp Article, or UMD Terp Basic Page

Review the University of Maryland Web Accessibility Policy for more information.

PDF/Document Remediation

PDF and other documents added to any UMD site must adhere to the university’s policy on Web Accessibility. The Department of Information Technology page on IT Accessibility provides a number of resources to make documents and sites more accessible, as well as resources for fixing inaccessible PDFs. Another solution is to provide a text only (.txt file) version to accompany your pdf file.

Uploading a file (pdf), Video, or Audio

Upload a file (pdf or document)

  1. Verify you are logged in or follow instructions to login and access your drupal site.
  2. From the Admin Toolbar, Click “Manage”, then navigate to “Content” > “Media”content dropdown menu- add media

     

  3. Click the “+ Add Media” button near the top of the page.add media button

     

  4. Click “File”
  5. Under “File *” click “Choose File” to open up your browser's file browser window.
  6. Locate the file you want to upload using your computer’s file browser, and confirm your selection.
    Before uploading the document:
    1. Accessibility Remediation: Verify the document has been remediated for accessibility concerns using the resources provided in these guidelines.
    2. File Name Recommendations: Consider renaming the file to url-friendly name before uploading it.
      1. Shorten the file name to 50 characters or less.
      2. Remove any non-alphanumeric characters (such as: ! @ # $ % ^ & * ( ) [ ] { } : ” ’ < > ? | = + [etc...]).
      3. Replace any spaces in the file name with simple dash “-”.
      4. Example: “Department Policy & File #42 (v3).pdf” can be renamed: “department-policy-file-42.pdf”.
  7. Once the file has uploaded, make sure the “Publish” option is checked, and click “Save”.media files save-published button

     

  8. You will be returned to the site’s media library list once you click the “Save” button. Your uploaded file should be at or near the top of the list of media.media file list

     

  9. Finding the URL (web address) of your file:
    1. Either click the name of your new file, or the Edit button on the right side of the row to return to the edit page of your new file.
    2. Click on the name of your file (next to the “remove” button).
    3. Depending on your computer’s settings, a new window should open with your file in view.
    4. Copy the portion of the URL (Web address) after “[site-name].umd.edu” for this new window. Example: if the url is: “drupal8.umd.edu/link/to/file.pdf”, copy the “/link/to/file.pdf” part, including the leading slash (/).media files URL

       

    • Do not include the first portion of address that contains [your-site-name].umd.edu. Because of standard procedures involved in creating websites, this portion of the site’s address can change between when a site is in development (not released), and when it is in production (released to the public). Copying the second part of the file url described in step [9a] ensures your links will not break during this process.
  10. Link to the pdf: Paste the file’s URL, you retrieved in step 9, anywhere you want it accessed from your site (ie: link sets, button sets, or inline link of a text field).

Upload video or audio

These instructions focus on uploading a pdf document that can be linked from any page on your site. The process for uploading an audio or video file is virtually the same as uploading a pdf document, and will make these files available for download.

Embedding an uploaded video or audio file to play with-in a page (instead of as a download) is considered an advanced feature and should only be performed by experienced drupal developers familiar with the necessary code. Instead, we recommend embedding a video with the video widget, and, if needed, partnering with the Office of Strategic Communications on using a youtube channel that meets university brand standards.

UMD Terp Template Demo Site
123 Street Name, College Park, MD 20742, USA
drupal@umd.edu 555-555-5555