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

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)

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)
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
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)
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
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
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.