CMS Guide

Media (Image/Video)

Images and videos can be embedded on your website using the Media (Image/Video) content type.

Videos should not be embedded in the WYSIWYG editor. In order to be responsive, videos should be added using an appropriate Content Type.

(See a sample of a video using the Media Content Type on the bottom of this page. Below that, see a sample of an image carousel. See a sample of a small media image.)

Adding an Image (Single or Carousel)

  1. Go to the page where you want to add the image or video and click Edit.
  2. In the Content section, Media (Image/Video) from the drop-down menu.
  3. Select whether you will have a Single image or whether you will utilize a Carousel (for multiple images or videos). Note: You can use images and videos in a carousel interchangeably.
  4. If you're adding a single image expand the Media tab. If you're adding a Carousel, expand the Slide tab.
  5. Select whether you want your image to display at a Small or Large size (skip this step if you are adding a carousel). 
  6. In the image field, select an image you have already uploaded to the CMS that is 960 x 640px. (Required)
  7. Enter the alt text, describing the image. (Required)
  8. Add a Title for the image. The Title field is bolded. (Optional)
  9. Add a Caption for the image. The Caption field is text that displays underneath the image, or it can overlay on top of the image if using the Large size option. (Optional)
  10. Add a name in the Photo Credit field, if applicable. (Optional)

If you chose to use a carousel, fill in the next slide. The CMS adds two carousel slides by default. However, if you need to add more than two slides, select the small green plus sign in the top right corner of the Slide tab to add additional images or videos. 

Adding a slide to a carousel in the CMS

Adding a Video (Single or Carousel)

  1. Follow steps one through five of Adding a Image.
  2. In the image field, select an image you have already uploaded to the CMS. For a video, this static image will display along with a play icon. (Required)
  3. Enter the alt text, describing the image. (Required)
  4. Enter the Video URL. The Brandeis website supports videos from: YouTube, Vimeo or Kaltura. Carefully review the following information about selecting the correct URL.

  1. Link to a Transcript of your video. (Recommended for all videos for accessibility.) 
  2. Add a Title for the video. The Title field is bolded. (Optional)
  3. Add a Caption for the video. The Caption field is text that displays underneath the image, or it can overlay on top of the image if using the Large size option. (Optional)
  4. Add a Photo Credit, if applicable. (Optional)

If you chose to use a carousel, fill in the next slide. The CMS adds two carousel slides by default. However, if you need to add more than two slides, select the small green plus sign in the top right corner of the Slide tab to add additional images or videos..

Samples

The Louis Brandeis statue with flowers in the foreground.

Sample Video

Caption

Photo Credit: Mike Lovett

Sample carousel image 2

Sample of large media image with caption, as part of a carousel. Swipe or click the arrow to go back to the previous image.

Sample carousel image

Sample of large media image with caption, as part of a carousel. Swipe or click the arrow to advance to the next image.

Two students smile and talk while sitting at a table and looking at a laptop.

Sample Small Media Image

Caption

Photo Credit: Gaelen Morse