How to put images on your Reason pages

1. Log into Reason
2. Add image(s) to your Reason site by either:
   • Uploading image(s) into Reason, or
   • Borrowing image(s) from other Reason sites
3. Place the image(s) on your page

Logging into Reason

1. Go to go.carleton.edu/reason
2. Log in using your username and password
3. If you have editing access to multiple sites, choose the site you want to work on. For this lesson, choose Reason Training.

Getting images into your site: Uploading images from your computer and/or network drives

Note: This method is for uploading individual images. See the Batch Importing instructions for details on uploading multiple images.

1. Choose Images in the Add/Edit menu
2. Click Add Image
3. Next to the Image field click Browse...
   • Select an image on your computer or shared drive
   • Notes: This image must be in a web format (jpg, gif, png). If the image is in another format, you will need to convert it. Also, this image can be any size; Reason will resize it down to an appropriate scale for the web.
   • Click Open
4. Fill in the rest of the Adding Image form:
   • Name: Used for internal reference. You can enter information that will be useful to Reason users here, like: "Matt Ryan Portrait".
   • Author: Used to credit the photographer.
   • Short Caption: Used under thumbnail versions of the image. This should be short, like "Matt Ryan"
   • Long Caption: Used under large-size versions of the image. This could be more descriptive, like "Matt Ryan, Associate Director of Web Communications and Development." This does not have to be filled out if the short caption is enough.
   • Keywords: For help in searching for images.
   • Photo Taken: Allows you to enter the date and time that the photo was taken. If the image is from a digital camera, Reason may be able to find out automatically when the picture was shot.
   • Thumbnail: You can ignore this field; Reason creates thumbnails automatically for you.
5. Click Save and Continue Editing and check your work
6. Click Finish to return to the image listing

Getting images into your site: Borrowing from other Reason sites

1. Choose Images under Borrow
2. If you have previously borrowed images from another site (which we have on the Reason Training site) those images will appear first.
3. Scroll down to the Unselected images (in other words, those that are not borrowed by your site yet)
4. Use the filters to find images you want to use, or just page through the available images
5. When you find an image you want to use, click Select next to that image. It will become available to be placed on your site, and is moved up to the Selected list here.

Placing images on your pages

There are three main ways to put images you your Reason pages.

1. Standard/Automatic way: images appear in the right column of the page
2. Inline/Manual method: images appear amongst the text of the page
3. Photo Gallery: images appear in a grid under the text of the page

Standard Image Placement

With standard image placement, images appear in the right column of the page.  All images are linked to a larger pop-up version of the image.

1. From the Site Admin Page, click Pages from the Content Types Menu in the left sidebar.
2. Edit the page you'd like to add an image to.
3. In the left column menu, click Place Images on the Page
4. Select the image you want from the available images
5. Click Finish in the left column

Inline Image Placement

With inline image placement, images are placed directly within the main text area of the page.

1. From the Site Admin Page, click Pages from the Content Types Menu in the left sidebar.
2. Edit the page you'd like to add an image to.
3. In the Content text area, place your cursor where you want the image to go
4. Click Insert Image (the little polaroid icon)
5. Click on the image you want
6. Under Image options, select either Thumbnail or Full
7. Under Alignment select None, Left, or Right
8. Click OK
9. Click Save and Finish at the bottom of the page.

Making a Photo Gallery

A Photo Gallery page turns your page into a photo gallery. Any images associated with the page show up in a nicely laid out grid. Users can click on any image for a larger view and thumb through your gallery.

For an example, see the Perlman Teaching Museum Collection page.

1. Create a new page or edit an existing page that you'd like to turn into a gallery
2. For the Type of Page field, select Photo Gallery
3. Click Save and Continue Editing at the bottom of the page
   
4. From the sidebar menu, click Place images on this page and attach images to page in the standard way (see Standard Image Placement, above)
5. Click Finish from the left sidebar menu and check your results!