Upload, Insert & Publish Images

how to Upload a New Image

If you are working on adding a new image that is not already in your department's Modern Campus CMS Images folder, such as a headshot of a new employee, you will need to follow these steps to upload it:

1. In Edit Mode, place your cursor where the picture needs to be inserted.
2. Click the Insert/Edit Image Icon icon on the second row of the toolbar.
3. Click the Source button icon to the right of the Source field.
4. Click the Upload button in the upper right-hand corner.
5. Click the +Add button.
6. Select the image file you would like to add from your computer files.
7. Click Open.
8. Rename the file to comply with file naming conventions. (all lowercase, hyphens instead of spaces, no special characters)
9. Click Start Upload.
10. The new image file will appear in the Images folder list.
    (Note: If an image is not appearing correctly after inserting, follow steps to publish.) 
    

    You can upload multiple images at a time.

How to insert an Image on your page

1. Navigate to the direct editable region where you want your image to appear on your page.
2. Click the Insert/Edit Image Icon icon on the second row of the toolbar.
3. Click the Source button icon to the right of the Source field.
4. Find and click the Image file name.
5. Describe the image's message with text in the Alternative Description field.
6. Click Save. Your image should appear in the Editor where your cursor was placed.

How to Publish an image file

After you add upload or edit a new image, you should publish the image file to make the changes live and viewable to your web page's visitors. Follow these steps to publish your image file:

1. On the global Modern Campus CMS Navigation, Click Content.
2. Click Pages.
3. Find and click your directory's Images folder. (Note: usually your files will be listed in alphabetical order, but you can also find files clickly using the Filter.)
4. Find and Click the name of the file you would like to Publish.
5. Save any changes made.
6. Click Publish.
7. Click Publish in the dialog box to confirm. (Note: We do not require Version Descriptions of Images, but you might find it helpful if you have multiple versions of the same image.)