Adding images to your Scope news story is considered an advanced topic, as it requires familiarity with uploading images and manipulating CMS tables. Information for those topics can be found on the FAQ page, if you are not familiar with them.
Thumbnails and embedded images should be prepared ahead of time in your photo editing program of choice (PhotoShop, etc.) Embedded images should be between 200 and 300 pixels wide, so that they do not dominate the story page.
Image without a caption
- With the cursor in the proper place, click the Insert Image button on the text editor toolbar. Click “New” in the top right corner, and browse for the image you want to upload. Fill in the description with a few words about the subject (Skidmore in spring, for example, or Zankel Construction May 2009). You can choose to include the image in the public image gallery or not, and enter keywords to find it again later.
- Click Next, and then double check on the next popup that the description text carried over into the Alternate Image Text field.
- Scope images should always have a border around them, so click the Edit button next to Image Size and enter a border of 1.
- Enter a space of 5 and 5 for horizontal and vertical, so that there is space between the image and story text. Click okay.
- If you wish your photograph aligned to either the left or right, change the drop down box under Image Alignment.
- If you want the image to be a link, click the Edit button next to the Link area, and fill in the information.
- When you are done, click OK.
- Click the Preview button at the bottom of the screen to preview what you’ve added. You can always go back and change the image properties by clicking on the image, and then clicking the Insert Image button again.
Image with a caption
- Make sure that your text editor window is maximized, so that you can see all of your options.
- With the cursor in the proper place, click the down arrow next to the Table button. Draw a 2x2 table.
- If the image should be left-aligned, place the text and image in the left column, and in the right column if it will be right-aligned. The extra column provides the padding space between the words and the text.
- Put your cursor into the top text box of your chosen column, and click the Insert picture button. Follow along as above, but only put the border on the image, don’t add horizontal space or change the image alignment.
- Put your cursor into the bottom text box and type your caption. Highlight the text and make it bold. Once you’re done, use Shift-Enter to break up the text to fit neatly below the image (you may have to Preview it to check, and go back in to adjust the breaks to get it to look as you would like).
- Put your cursor in the top cell of the other column, and hit the space bar 3 times. (You can go back later and add more spaces if you need to.)
- With your cursor still in the table, down at the bottom of the text editor window, click the blue hyperlink for <Table>. An editor window appears below the text editor window, with ways to edit the table.
- Erase the width, that allows the CMS to make it fit to the picture size
- Set the border to 0, as the border is only around the image, not around the entire table.
- Use the dropdown next to H Align to align the table left or right, as you chose at the beginning.
- Up on the text editor window, click the Show/Hide Table Borders icon (looks like a square). The dotted line border should disappear, if not, click that icon once more.
- Click the Preview button at the bottom of the screen to preview what you’ve added. You can always go back and change the table properties by clicking on the image, and then clicking the blue <Table> link again.
To change the background color of a table, click on the Advanced button that shows up after you click the <Table> tab.