News Article Template

Build a shared content page to hold a news story.

Published March 1, 2024

Important Notice for Shared Content Templates

In order for any piece of shared content to function properly, there should not be any blank elements or incomplete links in the page (i.e., a photo component without a photo in it or an incorrect link).

Accessibility Concerns

State and federal rules require most images to be ADA compliant, with meaningful 'alt text.'  > read more on accessible images

Preferred Use

  • Create a sharable News Article.
  • This template starts you off with typical news assets such as: a photo, headline, publishing date, body text, and article tools for sharing and printing.

Adaptive Crop

The template includes a Photo component which can be adjusted using the Adaptive Crop tool.

  • Adapative Crop is applied to your original image after any Image Size changes.
  • These modifications override any changes previously made with the main Crop tool. You will be asked 'Would you like to override the native crop and use the adaptive crop?' Click Override to get started.
  • Flexible Height is applied to your desktop image after Adaptive Crop adjustments and has no impact on mobile or teaser images.
Zoom image: Adaptive Crop settings in a Photo component. In this example from Oozfest, the center of the original image is a muddy splash, so the cross-hairs and sliders have been used to refocus the images on the left side, where team members are clustered.

Adaptive Crop settings in a Photo component.

The tool approximates how your original image will be cropped for desktop, mobile and teaser (thumbnail) views, allowing adjustments to better represent your desired focus in these contexts.

The interface responds to the main Image Size setting. Set the Image Size, then drag the Adaptive Crop cross-hairs to the center of your desired focus, and adjust the three sliders as desired to highlight the three zones.

The interface approximates the final displays. After you make your adjustments, we suggest you preview the results (e.g. using the mobile device emulator). And if you realize the List thumbnail is not working out as desired, consider also loading an image into page Properties that is cropped exactly as desired, where it will be used preferentially for teasers.

Learn more about using Adaptive Crop