Teaching and Learning Resource Center

Adding Images to a Post or Page

Images can be added directly to a post or page by following the directions below. To add multiple images in a gallery format, see Adding a Photo Gallery to a Post or Page.

To add an image to a post or page:

  1. Login to u.osu.edu and navigate to the dashboard of the site that you would like to edit.
  2. Navigate to the post or page for which you would like to upload an image.
  3. Click on the Add Media button above the main content window. A pop-up appears.
    Image
    Add Media button above content editor on Add New Post page
  4. If you already uploaded images using the Media Library, select your image and skip to step #6.
    If you have not uploaded your images, click the Upload Files tab.
    Image
    Upload Files tab on Insert Media window
  5. You can upload images using one of two methods:
    Image
    Drag and drop space and Select Files button in Insert Media window
    1. Drag and drop the photo from your computer to the Insert Media area.
    2. Click Select Files. Find the appropriate file and choose the image.
  6. After the upload is complete, the meta data information appears below. There are a number of options for adding/editing metadata such as title, alternate text, caption, etc. All fields, except Title, are optional.
    UX Tip

    We recommend including a description of the image in the Alternate Text field, as it will make your blog more accessible to visitors who utilize screen readers.

  7. Once you have filled in your metadata, use the Alignment and Size options to control the positioning and placement of your image.
  8. Click Insert Into Post when you are satisfied with the metadata and formatting.
    Image
    Image file selected with title field, alt text field, and attachment display settings in Insert Media window
  9. Once you insert an image into a post, you can edit your metadata or image positioning:
    1. Click on the image. A selection of options appear. Click one of the four alignment icons to change the image position.
    2. Choose the Edit Image pencil icon to edit the image metadata. The Image Details pop-up appears.
      Image
      Image inserted into content editor with alignment icons and edit image pencil icon displayed on top of the image in Add New Post page
    3. Adjust as needed and click Update.