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

   

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

   

5. You can upload images using one of two methods: 

   Image

   
   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

   
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

      
   3. Adjust as needed and click Update.