Drupal Enterprise 7: Add an Existing Image to a Page

The following instructions are for websites using the default UMN Drupal Enterprise 7 (DE7) configuration.

If you have already added an image to a Drupal page, you can reuse that image without having to upload it again. In fact, it is best to reuse images whenever possible so that any future updates to the image can simultaneously refresh that image wherever it appears on your site.

Your role in Drupal may not have the proper permissions to complete the task. Contact your site administrator for additional information.

Directions

  1. Click Menu in the Administrator toolbar.
    Drupal administrator toolbar. The Menu option is highlighted. 
     
  2. Click Content in the Menu toolbar.
    Screenshot of the first part of the menu toolbar. Content is highlighted.
     
  3. Use filters, if desired, at the top of the Content page to locate the page you want to edit by entering Title, Type, Author, Published status (Yes or No), or Vocabulary and clicking Apply.
    Drupal content filters include Title, Type, Author, Published, and Vocabulary.
     
  4. Click the page title link in the Title column for the page you want to edit.
    Screenshot of the Content page with the Title column highlighted.
     
  5. Click the Edit Draft tab.
    Page/Node tabbed menu. The tabbed menu includes View, Edit Draft, Revisions, Convert and Panelizer. Edit Draft is highlighted.
     
  6. Place your cursor in the content field where you want the image to display.
  7. Click the Add Media icon in the HTML Editor toolbar.
    The Add Media icon in the HTML Editor toolbar.
     
  8. Click the UMN Library tab.
    Select a File dialog window tabbed menu includes Upload, Web, and UMN Library.
    1. Note: "UMN Library" does not mean the entire University of Minnesota Drupal library, but rather your site's library.
       
  9. Use the filters to locate and select the image you wish to display.
  10. Click Submit.
  11. Select your desired display size from the Display as drop-down menu.
    Drupal media display as drop-down menu. Options include Original Size, Quarter Size, Thumbnail, and Link.
     
  12. If the Alt Text field is blank, add a descriptive phrase or sentence (important for accessibility).
  13. Click SubmitYou should now see the image in the field where you placed your cursor.
  14. If the owner of the site has set up styles that you can apply from the WYSIWYG editor:
    1. Add the image in the WYSIWYG editor, or if the image has already been added, select the image, then the add media button.
    2. Next to "Display as," select the name of the view mode set up by your site owner.
    3. Select Submit.
TDX ID
3358