- Drupal Training Home
- Printable Quick Guide (.pdf)
- Creating Pages
- Styling Guidelines
- Page FAQ
- Links and Anchors
- Uploading Images
- File Attachments
- Photo Slideshows
- Node Revision Control
- Web Forms
- Advanced Features
In order to add an image to a page, the image must first be uploaded into Drupal.
Upload an Image:
There are two ways to navigate to the Upload an Image page:
1. Click ‘Create Content' from the administrative menu then click ‘Image'.
2. When editing a content page, click the image assist icon () then click the 'Upload Button'.
After navigating to the Upload an Image page, select the site you are uploading the photos to from the drop-down menu.
Click the image upload icon.
Locate the photo(s) on your computer then click ‘Open'. Multiple photos can be selected before clicking the ‘Open' button. Repeat this process until all desired photos have been chosen.
Click ‘Upload Images'.
After the images have uploaded, click ‘Next Step'. The ‘Next Step' button appears in place of the ‘Upload Photos' button.
Optionally, you can change the titles of the photos you have uploaded. Click the ‘Done Editing' button, .
If you navigated to the Upload an Image page using the camera icon and would now like to insert the image into the page, click the 'Start Over' button on the top right and refer to Step 1 under 'Add an Image to a Page' for further instructions;.
Add an Image to a Page:
There are two ways to add an image to a page.
1. In edit mode of a page, click the camera icon ( ). Locate the photo you would like to add and click the photo. Use the page numbers, next and last links (at the bottom) if necessary to locate your photo.
Optionally, you can change the size and alignment of the photo and/or link the photo to a url. By default, all images are inserted as Preview size and aligned to the left of the text. Often, you may want to change size to Original (to insert the photo as its original size) and change alignment to None (to allow the photo to be placed on a line by itself or in the middle of a line of text).
Click ‘Insert' after all changes have been made.
(Only photos you yourself have uploaded will be displayed for you to select. If you would like to display an image another user has uploaded, you need to add the image using Step 2 below.)
2. If you have the url of the image you would like on the page, click the tree icon ( ). Enter the url into the ‘Image URL' field. Photo options can be modified by clicking the ‘Appearance' and ‘Advanced' tabs.
Click ‘Insert' after making all desired changes. If you are unsure of the url of an image you uploaded, read the ‘Viewing Site Images' section below to locate and copy the url.
Once an image has been added to a page, it can be resized by clicking the image and dragging the corners of the image to the desired size.
Viewing Site Images:
Click ‘Site Images' under ‘My Account' in the administrative menu.
To view all images you have uploaded, click ‘My Own Images'. To view all images uploaded for one of your sites, click ‘Images of Site: <site name>' (Note: Images uploaded into CMS and converted into Drupal will not appear in the Images for Site: <site name> section.). To view all images uploaded into Drupal, click ‘Image Manager' and then use the search fields to locate a photo.
An image can be viewed by clicking on its title. The URL for the image is displayed in the Image URL column. This url is needed for Step 2 of 'Adding an Image to a Page'.