Uploading Media

Uploading Media

Upload your image or PDF into the Drupal media library, first. You must be logged into saicweb03.artic.edu to add images or PDFs

Note: Pixel dimensions should measure 450 x 450 pixels (72 dpi) for mini profiles and tile images. For examples of image sizes, view the demo page.

1. Hover over Content, Files and finally right click Thumbnails to open a new tab

Uploading Files

2. Click Add File

3. Choose file (Image or PDF). Make sure the file name is evergreen (no dates, no 'final' in the name, etc.)

4. Click Upload

5. Click Next

6. Click Next (again)

7. Type in your Alt Text (The name of the artwork, or something descriptive of what is being depicted)

8. Type in your Title Text (name of artist, or dupe the Alt Text)

Text and Title Fields

9. Click Save

10. Proceed to the directions below for inserting images and PDFs

Inserting Images into Body Field

1. Pixel dimensions should measure 450 x 450 pixels (72 dpi) for mini profiles and tile images

2. Click in the Body field, then click on the Add Media button (far right in Body toolbar)

Add Media Button

3. The media browser page will open. If the image is not already in the Library, click Choose File button, then click Upload and follow instructions above

Media Browser Upload

4. Click Library

5. Click on the image you want to insert into the Body field (teaser size, align left for mini profiles)

6. Click Submit

7. Select your desired "Display as" and "Alignment" options and, if not already filled in, complete your Alt Text and Title Text fields. (Visit Image Size demo page for more information on when to use Teaser, Default or Original size)

Inserting Images

9. Click Submit

Inserting PDFs into Body Field

1. PDFs and other documents can be inserted into the Body field by using the Media browser

Media Browser Upload

2. Place cursor where you want the link to appear, then click the Media button and select the appropriate file. To have the link appear in-line with text (before and after link), select Display as field to 'Link.' To have the link appear on it's own line (as in lists, etc.), select Display as field to 'Default.' 

3. All document links are expected to open in the browser (not download), and should appear as: File Name [PDF]

4. The file name is the title of the link, and the filetype appears after the link, inside brackets

5. Document links can also appear in lists. To do so, embed each of the links on a separate line. Highlight the group of links and click the 'list' button in the text editor menu

List Button

6. For advanced configuration, editors with access to the 'Source' view can manipulate links to appear inline with a block of text.  This requires:

  • Manually wrapping a div (<div> </div>) around the media element
  • Manually adding the class 'file-inline' (from 'file-default') to the media div and the p-tag elements around it

7. PDFs that already exist in the Library, with an evergreen* file-name, may need to be replaced from time-to-time as they are updated with new information. Rather than uploading a duplicate of the file, simply replace the existing file by going to Content and searching for the file-name, then selecting Edit, Choose File, and Save.

Example of an evergreen file-name: Undergraduate Student Budget Worksheet

Best practices suggest eliminating dates and words like “final” from file-names.