4CE53030-CF0C-67E7-7D845E0B5CDEC0DD
3D045F5C-B70E-5261-28B10A5EAE411791

We encourage you to contact us with any questions or concerns.

Burke Library - 3rd Floor
helpdesk@hamilton.edu

859-4181
859-4185 - fax

SiteManager - How do I add/edit images?

Add Images

NOTE: Accepted File Types:  JPG, GIF, and PNG

  1.  Images can be added in one of two ways:
    1. In their own Content module:  Click on an Add Content button and select the Images module.
    2. Within a Text module, e.g. if you want your text to flow around an image:  Click on the Image   button on the toolbar within the text editor.  Click on Browse Server.
    3. NOTE:  The text that appears in the Preview box above is known as “Lorem Ipsum” or “dummy” text. It's mostly Latin, and is used extensively in print to replicate what "real" text would look like, without actually having to write anything.  In this case, you will be able to see how the image you insert will appear in relation of text which may surround it.
  1. Does the image you need already exist?  If you are not sure, search for it.
  2. Type in a search term under Search and click on Search Images.
  3. To use an image that already exists, click on the Insert.
    1. On the Basic tab, select the size of the image, choose to include the caption and/or attribution associated with the image.
    2. On the Advanced tab, if applicable, define a link to associate with the image, a custom width and height and alignment.

  1. Click on Insert Media.
  2. If you are inserting the image within a Text module, the Image Properties window will appear at which point you can add Alternative Text (important for people using screen readers), change the size of the image (measured in pixels), add a border to it (the images on our site have a border of zero), add horizontal or vertical space (so the image is not so close to the text), and finally, choose how you want it aligned.
  3. Click OK/Save Content.

Create a Margin for Your Image

  1. Make sure you are in Edit Mode for the module that contains your image.
  2. Right-click on the image and select Image Properties.
  3. Click the Advanced tab.
  4. At the end of the Style field append margin-right: 15px; if the image is aligned to the left or margin-left: 15px; if your image is aligned to the left.
  5. Click the OK button.

Edit Your Image

  1. SiteManager cannot edit images. For advice on editing images, see here.

Related Links

How do I add new media?

How do I add audio/video?

Comments

No comments yet.

Cupola