The right side in-story image displays within the story itself, below the title and right justified within the text content. The image requires a specific width of 333 pixels, but the height of the image can be whatever is appropriate for the image content — more vertical than the width for a portrait, or more horizontal for a group shot. The callout also has a text caption below the image.
To add an in-story Image:
- Click on Add/Edit Column Content RedDot.
- A new window will appear. Click Create and Connect Page.
- Click Callout Content Column Image.
- Enter something unique in the Headline field. Click OK when complete.
- The preview will refresh, and the newly created right-side image will show in the Content Column.
Naming Conventions
in-story images must be named with the following syntax: 130228_NewsStoryExample_333x450.jpg. Image names must not have spaces in the name.
- 130228_ — date the story is to be published, six digits: year, month, day (this example is February 28, 2013)
- NewsStoryExample_ — text related to the story's title to help identify the images with the particular story
- 333x450 — actual dimensions of the image
- .jpg — all images must be JPGs, saved with Photoshop's Save for Web, at a quality of 65.
Add the Image
To add the image itself:
- Click on Add/Edit Image. A new window will appear. Click Switch Folder.
- Scroll to the correct folder. For 2013, the correct folder is News - News Stories 2013.
- Click Select Asset from Local File System.
- A new window will appear. Click Browse to select the file from your local file system, network drive, etc. Click Open to accept the selection.
The news story preview will then refresh and show the in-story image in place.
Add the Caption
The caption displays in the gray bar below the image. You can now add italics to the image caption.
- Click on the Add/Edit Caption RedDot.
- A new window will appear. Enter the caption into the text editor. Add italics as needed. Click OK when complete.
The news story preview will then refresh and display the caption within the gray bar.
The image callout should look like this:
Right-click to release the image callout.
*** New Feature ***
In-story images can now be linked to larger versions of the image, which will display in a 'lightbox' presentation. You will see two additional RedDots to enable this feature:
- Turn on/off Lightbox? (off by default) - enables (or disables) the feature
- Add / Edit Larger Image (1920x1080 px max dimensions) - add images same as above. The image can be any proportions; for vertical photos make the height no larger than 1080 pixels, and for horizontal photos make the width no larger than 1920 pixels.