How do I upload an image in Drupal?

1. Open and login to your website: http://(your website address)/user/login
2. Click "Create Content" in the left-hand navigation bar. In the Dropdown menu, click "Image."
3. A new page with a title called "Submit Image" will appear. You will name the image.
4. In the next line, click the "Browse" button and find the image on your desktop.
5. In the "body," type a sentence or two about the photo so you will know later who is in the photo and what it illustrates. Click "Submit" at the bottom of the page. Your image is now saved to the Loyola server and in Drupal, but not yet on your web page.
6. Choose the page where you want your image to appear. "Edit" the page.
7. Click the yellow and gray button to "Insert Image" within the body of the content. (This button has the image of a mountain and a sun on it.) A new window will appear.
8. In the box for URL, click "Browse server." A new window will appear that will pull up a directory of images that you have uploaded to your website. Double-click on the image you just uploaded.
9. The address for the image will now appear in the URL box. In this window you can adjust the size of the image by manipulating the width and height of the image. Drupal will automatically constrain the proportions of the image. Click "OK."
10. The image will now appear on the page where you want it to display.

The image is too large. How do I change its size?

1. The image may be larger than you want it to be on the page or may not be next to the paragraph of text where you want it to display. If this is the case, put your mouse cursor on the image and right click.
2. Select "Image Properties." A new window called "Image Properties" will appear. Here you have listed controls for resizing the photo.
3. Change the display width to 200 pixels. When you do this, Drupal will automatically constrain the proportions on your photo so that the height of the photo is properly adjusted and the image still appears as it should without distortion. We recommend photos to be displayed at anywhere between 150 and 250 pixels wide. Use your judgement as to how large you would like the image to appear.

I want the image to appear next to a paragraph of text with the text wrapping around it. How do I do this?

1. Place your mouse cursor at the beginning of the paragraph where you want the photo to be. This will ensure that the paragraph of text is even with the photo you want to display
2. Upload the image you want. (See steps #1-10 from above on uploading images)
3. Once the image is placed, right click on the image and select "Image Properties."
4. Click the dropdown menu for "Align" and set the alignment to "Left" or "Right" This will move your photo to the right or left of the paragraph with the text wrapped around it. You may have to do more adjusting to the size of the photo for it to appear as you want it.

Permalink for this page