Templates

Agency News Article Template

The Agency News Article template is structured for press releases. Any content fit for SharePoint’s Media.pa.gov should use the template.

 

Agency News Article templates are uniquely built for each agency. Baked into the template are the agency’s press channels through the Social Media component and press contacts through the Media Contacts component. Authors should also select the date option in Page Properties, and the date will automatically appear in the Hero and in the agency's Newsroom Search Results.

 

The Agency News Article template is found in an agency’s folder on AEM. Agency Content Pages are also found in this folder.

Overview

Template name: Agency News Article template

Required components in template:

  • Header
  • Breadcrumb
  • Basic Hero (updated to include date of press release)
  • Container
  • Side Navigation
  • Social Media Experience Fragment
  • Media Contacts Experience Fragment
  • Footer
  • Other components may be optionally added

Authors who can edit: any

Creating an Agency News Article Page

1. Select where in the sitemap the new page should be created. Click through the site hierarchy to determine the location. Agency News Article pages are always created in your agency’s folder, usually under the Newsroom parent page.

2. Click the parent page so it highlights.

Site hierarchy featuring various pages and DLI agency page

3. Click “Create,” then select “Page” from the dropdown.

4. From the “Create Page” template options, select “Agency News Article Template,” then “Next.”

5. The author should now fill out Page Properties for the newly created page.

a. Basic tab

 i. Title field: Give the page a title using 80 characters or less. If a longer title is needed, enter the longer title in the Navigation Title field.

 ii.  Navigation Title field: Enter the longer page title here, if needed.

Basic tab featuring the title and tag fields

a. Images tab

a. Icon field: Add an icon from the Remix Icon library (https://remixicon.com/). See Using Icons guide for more detail.

 i. If the page is later referenced in an internal icon List or internal icon Card Group, this icon will show automatically, without needing to be added by the author. (See List user guide and Card Group user guide for more detail.)

b. Featured Image field: Add an image from the relevant Assets folder. If the page is later referenced in an internal image List or internal image Card Group, this image will show automatically, without needing to be added by the author. (See List user guide and Card Group user guide for more detail.)

  i. Decorative image – no alternative text checkbox: Images which don’t convey additional meaning do not require alternative text for accessibility. Default unchecked. When checked, enable the below fields.

 ii. Alternative Text: Add alternative text.

  iii.  Inherit – Value taken from the DAM asset checkbox: If selected image already has alternative text defined in Assets, use this text. If unchecked, the “Alternative text for accessibility” field will be enabled. Default checked.

6. Click “Create.” The page is now part of the site hierarchy.

7. Click “Open” to edit the page immediately. Click “Done” to return to the site hierarchy.

Editing an Agency News Article Page

1. Find the page in the sitemap. Click through the site hierarchy to find the location. In the example below, the page to edit is called “Food for Students press release.” The page is in the CoPA PWP PA.gov site, in the English folder, in the Agencies folder, in the Department of Human Services folder, in the DHS Press Release section test folder. Select the checkbox.

Site hierarchy with one page selected.

2. Upon click, a menu appears at the top of the screen. Select "Properties."

a. Basic tab

i. Hide in Navigation checkbox: Select the checkbox. This keeps the page from appearing in Side Navigation. Due to the high number of press releases, it is recommended to hide them from Side Navigation (they will still appear in Newsroom search).

b. CoPA tab

i. Date of Press Release (only author on Agency News Article templates) datepicker: Select the date of release. The date will appear in the Hero, and will be used in Newsroom search and in dynamic Lists (see List user guide for more detail).

Date of Press Release datepicker field in Page Properties.

3. Click "Save & Close." Return to the sitemap with the page selected. From the menu at the top of the screen, select "Edit."

4. Upon click, a menu appears at the top of the screen. Select “Edit.”

5. The page opens in the editing mode, and components can be added accordingly.

6. The agency’s Side Navigation component appears on the left (desktop) or top (tablet/mobile) by default. Authors do not need to add it.

a. Agency News Articles intentionally do not appear in Side Navigation, as "Hide in Navigation" is checked off in Page Properties.

b. If the Side Navigation Experience Fragment (XF) is updated in general, changes will reflect on the template.

c. Reference the Side Navigation user guide for more information.

6.  The agency’s Media Contacts appears above the Footer by default. Authors do not need to add it.

a.  If the Media Contacts XF is updated in general, changes will reflect on the template. The same goes for the referenced Person Content Fragment(s).

b. Reference the Media Contacts user guide for more information.

7. The agency’s press channels are linked in the Social Media XF, which appears below the Hero by default. Authors do not need to add it.

a. If the Social Media XF is updated in general, changes will reflect on the template.

b. Reference the Social Media user guide for more information.

Other Tips

1. The Agency News Article template uses a two-column layout on desktop. On tablet/mobile, it truncates to one column.

2. Residents can search for News Articles by searching on the agency's Newsroom page, or by using a general Search Results component and filtering for news.

Agency News Article Examples

Screenshot of the Hero, Social Media, and body content of an Agency News Article. Figure A: A closer look at the Hero, Social Media, and body content of an Agency News Article.
The Media Contacts at the bottom of an Agency News Article. Figure B: A closer look at the Media Contacts at the bottom of an Agency News Article.