Skip to content

This guide provides instructions and information about Stanford Web Services Jumpstart platform, based on Drupal 7.

We've released our new Stanford Sites on Drupal 8 (D8) platform — the new framework for Stanford Sites in 2020 and beyond. Check out our new User Guide to help you set up your website on the D8 platform. 

Read more about our road to D8 

Insert Images into the WYSIWYG Editor

Your pages and some of your blocks provide the option of inserting images into the What You See Is What You Get (WYSIWYG) editor. Each image can be scaled to one of four sizes and can sit on its own line, to the left or the right side of the page including a caption.

Note: Stanford Sites Jumpstart sites come with up to 100 MB of file storage.  If you need more, you can submit a request to Stanford Web Services.

Inserting an image

  1. In the WYSIWYG editor, on a new blank line, place your cursor where you'd like the top of your image to sit.
  2. In the Image Insert field, click Choose File and select a file from your computer. Once you've chosen the file, click Open.
  3. Click Upload.
  4. Add Alternate text. (Alternate text is displayed when the image cannot be viewed; this is required to meet Stanford's accessibility standards for people with disabilities.)
  5. Click the Style arrow and choose the size for your image.
  6. Add Alternate text. (Alternate text is displayed when the image cannot be viewed; this is required to meet Stanford's accessibility standards for people with disabilities.)
  7. Add Title. (Title text is optional.  This text is displayed when you hover over the image with your mouse.)
  8. Click Insert.

Flowers and a Stanford Quad Archway
Example caption text.

Floating an image to the right or left

Floating an image to the left or right makes the text wrap around the image.

  1. In the WYSIWYG editor, select the image you would like to float on the right or left side of the page.
  2. In the Styles drop-down list, click Image Right or Image Left.

Adding a caption to the floated image

Caption text is a good way to describe the image.

Note: Image credits can also be listed below the body content for inserted images.  For instructions to add image credits, go to Add more formatting styles.

  1. After inserting your image, select Image Right or Image Left style (tip: use any of the larger image sizes).
  2. Click on the image, and hit the right arrow key to position your cursor right next to the image.
  3. Use shift+Enter or Return to start a new line but NOT a new paragraph.
  4. Type your caption text.

Removing a float from an image

  1. In the WYSIWYG editor, select the image you would like to remove the float from.
  2. Delete any caption text if necessary.
  3. Select the image then click the Remove Format button. Remove formatting icon