Ohio University

Web CMS: Working with Images

The CMS allows a shared imaging system for the entire University?s web presence. This allows editors to search through the image directory to see if an image they want to use has already been uploaded. If editors are unable to find a suitable image that has been uploaded already, they can upload a new image for use on their site.

While working on a page, place the cursor where you want your image to appear. In the editor toolbar, click the media icon:

Thumbnail

This will open a window displaying the most recent images uploaded. Editors can insert keywords into the Media name text box and click Apply to search for images. To use one of the items found in the search

  • Click once to select it. This will overlay a checkmark on the image:
    Thumbnail
  • Next, click the Select media button below the displayed images.
  • In the next window, leave Image style and Link image to as their default options. Change Align to the option that best fits your content. This will align the image to the left, center, or right of any text near it.
  • Click Embed to add the image to your page.
  • If you would rather upload your own image instead, follow these steps once the Media window is displayed:

  • Click the Add images tab at the top of the widow

    Thumbnail
  • Click Select files to navigate your computer for the desired image. (Alternatively, drag and drop functionality works and the image can be dragged from your computer to the box in the Media module.)

  • Once an image is uploaded, the window will display Media name and Alternative text fields.

  • Input a name for the image in the Media name field. This will be the name that displays as others search for images within the Media module. You want it to be descriptive enough that when searching for keywords, the item will be found

  • Input a description in the Alternative text field. This is the text that will be used by screen readers and search engines to describe the image when it cannot be viewed.

  • Click Select images once all fields are filled

  • In the next window, leave Image style and Link image to as their default options. Change Align to the option that best fits your content. This will align the image to the left, center, or right of any text near it.

  • Click Embed to add the image to your page.

Return to Training Home Page