Home » Drupal » How do I insert an image within the Body or Sidebar area of a Drupal webpage?

How do I insert an image within the Body or Sidebar area of a Drupal webpage?

Note: These instructions apply to the “Basic Content” and “Story” content types.

  1. Make sure you are logged on and in the editing interface for the content you wish to edit.
  2. Click your text in the area you wish to add an image.
  3. Click the “Insert file upload” button. It’s the yellow folder icon, the 1st button in the 3rd row.Photo Upload Button
  4. When the “Insert file upload” console appears on your screen, use the links the find the files on the “File Uploads” page.Photo Upload Prompt
  5. Click the image you wish to use.
    1. A new window appears.
  6. Use this screen to set the properties you want for the image, such as title, description, and size. These cannot be changed later.Photo Settings
  7. When you’re done setting the properties, click the “Insert” button.
    1. The window disappears.
  8. To edit the image’s settings, make sure it is selected and click the “Insert/edit image” button. It’s tree icon, the 2nd button in the 3rdrow.
    1. A new window appears.
  9. Click the appearance tab.
    1. You now see the image’s appearance settings.
  10. Edit the image as required, adjusting the alignment, dimensions, vertical and horizontal space, and more.Photo Upload Appearance
  11. When you’re done editing the image settings, click the “Update” button.
    1. The window disappears.
  12. When you are done editing the content, scroll down and click the “Save” button.
    1. The screen returns to “View” mode.

Leave a comment

Sites DOT MIISThe Middlebury Institute site network.