OVERVIEW
Target audience: Site Managers, Site editors
Images can be added to a site in the Web Management System (WMS).
Note: This article provides instruction to add images in the WYSIWYG editor. There are various contexts other ways in which your images can be added or uploaded, including the Add media link within a Gallery node, and directly from My Workbench > Create Content tab > Upload Media. In all contexts, the procedure is similar.
The image properties specified are displayed differently depending on how the image is used.
In this article:
NOTE: this article refers to a process to be used on sites that have already migrated to the New WMS.
If your site has not yet migrated see the Index of documentation for the McGill Web Management System.
Insert an image
- Place your cursor in the WYSIWYG editor window where you want the image to be placed.
- Click the Insert Media button on the toolbar.
- Upload the image if it has not already been uploaded to the site.
- Beside Add file click Browse.
- Select the image you want to upload from your computer.
- For Name enter a meaningful name that will help editors to search for the image.
- For Alternative text enter a short description that conveys the meaning of the image to people who cannot see it. Select the image.
- Click Insert selected.
The image will be inserted into the WYSIWYG editor.
Set image properties
Click on the image in the WYSIWYG editor window. A contextual toolbar will appear on the image allowing you to...
- Resize the image
- Use the resize dropdown to switch between predefined image sizes.
- The width is indicated for each size. “Classic” sizes will crop the image, while “Natural” will not.
- The “Default” size is the image’s original aspect ratio.
- Align the image
- Click the option you want applied:
- Align left and wrap text (the image will be set in-line to the left of the text),
- Align right and wrap text (the image will be set in-line to the right of the text),
- Break text (the image will be placed on a line of its own, left aligned),
- Align center (the image will be placed on a line of its own, centre aligned).
- Click the option you want applied:
- Add a caption: Click the Toggle caption on icon. A space for the caption is added below the image. Enter the caption.
- Change the Alternative text: Click the Override media image alternative text icon to set the alternative text for just this instance of the image.
- Make the image link to a page: Click the Link media icon, enter the URL, and save. When an image serves as a link, the alternative text should explain the link's purpose.
For instructions on crediting the photographer/creator and entering the license settings, see Image Credit and License settings in the WMS.
If there is part of your image that should never be cropped, add a focal point to the image.
Move an image
To move an image, click on the image in the WYSIWYG editor window and drag it to its new location.
Manage images
Site managers can translate alt-text, set a focal point, delete, replace, and change the properties of images. See Managing files and images in the WMS.
