Web Help Home

WCMS Training

Adding an Image

Problem

You want to add an image to your page.

Solution

An image can be added to a page that is stored in the WCMS, but before you can use it on your page, you must first upload it to the WCMS as a JPEG, GIF, or PNG file.

The name of your image file will be the same name that is used in the WCMS and in the computer code for the web pages where you place the image. It is important to use the following rules for naming your image files before you upload them to the WCMS.

To upload an image file:

  1. In the Asset Tree at the left, expand the folder named “assets” by clicking the
    plus (+) sign to its left.
  2. Select the folder for images
  3. Click on “New” in the top menu bar, and select File
  4. Click on the Browse… button
  5. In the file browser that pops open, select the image file that you want to upload
  6. Click Open
  7. Click Submit

To place an image on your page:

  1. Click on the page you want the image on
  2. Click the Edit tab
  3. Click in the WYSIWYG field where you want to insert the image
  4. Click the "Insert/edit image" button in the toolbar Insert Image Button
  5. In the window that pops up, select "Internal" for the type of image
  6. Next to the "Image" label click the "Browse" button and navigate to the "assets" folder and then the "img" folder in the Asset Tree
  7. Click on the image you want, then click Confirm
  8. Fill in the "Alternate Text" field with a brief description of the image
  9. Fill in the width and height fields if they did not fill in automatically (use pixel dimensions)
  10. Click Insert

Tip: You can force the text to wrap around the image on either the left or right by clicking on the image in the WYSIWYG field and then applying the appropriate float from the Styles dropdown in the toolbar.