Adding images to your website is recommended, as it adds variety to your page. You can choose to place an image created by the IUP photographer or add an image to the library yourself. IUP images can be found in the Gallery subfolder in the Photographer folder.
There are two ways to add an image to your page: under the Content tab or Metadata tab:
- Place your image within the content (using Library icon) if the image is only half the width of your page (See How to Size Images for the IUP Templates) or if you want to control where in your content block the image displays. This option gives you more control than in Metadata over the size and placement of your image.
- Place your image in the Metadata if the image is the main artwork for your page, and you want it to span the entire width of your page. The full-size image will display directly beneath the headline. You do not have control over size or placement when using Metadata.
Inserting an Image within Your Content
- Make sure your content is open for editing. Place the cursor where you would like to add the image. (Right before the first word on your page is typically best.)
- Click on the Library icon (
) and you will see the Library screen below:
- Navigate to the folder containing the image you want to insert into your content.
- If you are in the correct folder, and you don't see images displayed on the right side of the Workarea, make sure that you have selected Images on the drop-down at the top of the screen (other options are Files, Forms, Hyperlinks, and Quicklinks).
- Double-click the title of the image you want to place into your content. Double-clicking places the image into your content.
- Click the image once. The Set Image Properties icon will appear in the bottom of the content editor. (You may need to scroll down to see it.) Click the icon to open the Image Properties box (see above).
- Change the alignment to Right or Left and click the OK button.
- To allow text to wrap around the image, click on the image. In the top toolbar, where it reads "Apply Style," select Right-aligned image or Left-aligned image, matching what you chose on the Image Properties screen.
Note: If you forget to make changes to a picture after you have added it to the content block, you can click the picture to display the Set Image Properties icon in the bottom of the content editor. Then click on the icon to bring the Image Properties box back up.
Adding an Image through Metadata
The large images you see at the top of many pages are added on the Metadata tab. To add an image through the metadata, follow this process:
- While editing your main content block for that page, click on the Metadata tab and go to Image Data. Click on Change. The Library Folder screen will come up. (See below.)
- On the left side of the screen, navigate to the folder where the image is stored. Locate the image on the right side of the screen and double-click on the title. The image’s file name will then be added to the blank field, and the image will be added to your page at the top, between the headline and the start of the content.
