Article Page Template


The Article page is used for news articles. Certain parts of the Article page can be pulled into other pages of the site, either directly or through a Callout. See the Article Page Content Sharing Reference document for detailed information on what fields from the Article page are pulled into other site pages and Callouts.

Content Entry Fields

Title

This field holds the title for the page.

page-title-field.png

The Title appears in the browser tab when the page is viewed on the public website.

page-title-field-display-in-browser-tab.png

It will also display when the page in search results (Google, Bing) and in the results of the search used on the Engineering School website.

It also is used to identify the page within the CMS.

Show Share Links

This checkbox controls if the Share This Story callout appears in the left column of the page. The callout will appear if the checkbox is checked. It will not appear if the checkbox is not checked. This content area is used only to show or hide this block of content. The content cannot be edited.

show-share-links.png

How the Share This Story callout appears on the website

share-links-displayed-on-site-page.png

Author

This field holds the article's author.

author-name-field.png

Email

This field holds the author’s email address. The page will display this as an email link.

email-field.png

Masthead Background (1475x500 pixels)

This field holds the background image displayed behind the article content.

masthead-background-field.png

Alternate text field – This field holds the alternative text for the image. Make sure to enter text into this field that provides a description of what’s pictured in the image.

IMPORTANT: If an image is not, this article may fail to display in the Masthead area of other pages to which it is assigned.

Embedded Options

SVG Icon

This field holds the icon options. A single icon can be selected.

svg-icon-field.png

Displayed Headline

This filed is used for an alternate headline to display in trending news/masthead/etc. sections of other pages to which it is assigned if the primary headline (i.e. the content of the Title field) is too long for proper display in that section.

displayed-headline-field.png

Displayed Summary

Holds a summary or abstract of the article. This is displayed in areas of content pages into which the Article page is pulled, such as the Masthead area and the Latest News of Department Landing pages.

displayed-summary-field.png

Thumbnail (300x250 pixels)

The thumbnail image is displayed with the article content when it is pulled into other pages of the website.

thumbnail-image-field.png

Subheadline

This field holds the subheadline for the article. This text is displayed only on the Article page itself.

subheadline-field.png

Body

This field holds the main content of the article.

body-content-field.png

Article Callouts

This field is used to select the Media content items to pull into the article page.

article-callouts-field.png

Add Another Item

This button adds another callout to the group. The new callout is placed at the bottom of the group.

add-another-item-button.png

Changing the order of the callouts

The ordering of the callouts is changed by dragging them to new positions in the list. To drag a callout to a new position, left-click and hold the four-pointed arrow icon to the left of the callout's content fields and then drag up or down. When the callout is in the desired position, release the mouse button and the callout will "pop" into the new position.

The top-to-bottom ordering in the list translates directly to the top-to-bottom ordering of the callouts on the page.

Removing a callout

To remove a callout, clear it completely out of the text field. If the text field is empty, the callout won’t be displayed on the public website page.

Left Column Callouts

This field is used to select the callouts to pull into the left column of the article page.

IMPORTANT: Only the Callout – Contact Information and Callout – News Feed callout types can be pulled into the left column.

left-column-callouts-field.png

Add Another Item Button

This button adds another callout to the group. The new callout is placed at the bottom of the group.

add-another-item-button.png

Changing the order of the callouts

The ordering of the callouts is changed by dragging them to new positions in the list. To drag a callout to a new position, left-click and hold the four-pointed arrow icon  to the left of the callout's content fields and then drag up or down. When the callout is in the desired position, release the mouse button and the callout will “pop” into the new position.

The top-to-bottom ordering in the list translates directly to the top-to-bottom ordering of the callouts on the page.

Removing a callout

To remove a callout, clear it completely out of the text field. If the text field is empty, the callout won’t be displayed on the public website page.

Related Links

This set of fields holds the content for a set of related links placed at the bottom of the article page, immediately above the footer. Each Link has three fields.

related-links-field.png

1. Title

This is the text for the link.

Maximum length:  128 characters, including spaces between words and punctuation

2. URL

Make sure to use the full website address (make sure that it begins with http:// or https://).

Correct format: https://www.google.com
Incorrect format: www.google.com

Maximum length: 2048 characters

3. Open URL in a New Window

When checked, this opens the More Stories link (displayed in a "box" below the Masthead Stories) in a new browser window or tab (depending upon how the user’s browser is configured and the device on which the visitor is viewing the site).

Add Another Item

This button adds another link to the group. The new link is placed at the bottom of the group.

add-another-item-button.png

How to remove a link

To remove a Related Link, clear all of the fields for the link completely. If all fields are empty, the link won’t be displayed on the public website page.

Changing the order of the Related Links

To change the ordering, left-click on the four-pointed arrow icon to the left of the position text field and hold. Then drag the position to the desired place in the list.

The top-to-bottom order of the text fields translates directly to the left-to-right order on the public website.

Tags

The general tags are used to provide general tagging, or categorization for the Article.

These tags are used in various places throughout the site to filter news searches and lists, such as in the News Index section of the website.

Select all Tags that apply.

 

tags-field.jpg

Departments

The Departments tags are used to tag, or categorize, the Article.

These tags are used in various places throughout the site to filter news searches and lists, such as in the News Index section of the website.

Select all Departments that apply.

 

departments-field.png

Research Strengths

The Research Strengths tags are used to tag, or categorize, the Article in the News Index section of the website (articles can be searched for/filtered by these tags).

Make selections at the 3rd level of the tree. The CMS will auto-select the corresponding 2nd and 1st levels based on your selections.

research-strengths-field.png

Promoting an Article to the website home page (Administrator Access Only)

When promoted to the website home page, Articles appear in the Trending News section.

home-page-trending-news.png

Content requirements for Articles promoted to the website home page

 Any article promoted to the home page must have the content in the following fields:

  • Displayed Headline
  • Thumbnail
  • Thumbnail Alternate text
  • At least one Related Link

Even if your user account does not have the ability to promote an Article page to the School of Engineering website home page, you should still populate these fields with content so that the article is eligible for display on the website home page.

Content requirements for Articles promoted to a department landing page

Any article promoted to a department landing page (i.e. the main page of a department, such as Computer Science) must have the content in the following fields:

  • Displayed Headline
  • Thumbnail (required for display – the article will NOT display if the Thumbnail image is absent)
  • Thumbnail Alternate text

Although not a requirement, it is recommended that the article include at least one Related Link.

Even if your user account does not have the ability to promote an Article page to a department landing page, you should still populate these fields with content so that the article is eligible for display on the department landing page.

How to promote an Article to the website home page (Administrator Access Only)

Promoting Article pages to the School of Engineering website home page is available only to Site Administrator users.

Step 1. Open the Publishing Options area at bottom of the Article page editing screen.

publishing-options.png

Step 2. Check the Promoted to front page checkbox. In addition, make sure the Published checkbox is also checked.

IMPORTANT: An Article page must be published to be displayed in the Trending News area of the home page. If the Article page is not published, it will not display, even if the Promoted to front page checkbox is checked.

publishing-check-boxes.png

Step 3. Click the Save button to save the changes. Promoting an Article to the front page is considered to be a content change to the page, and as such it needs to be saved in the same manner as other content changes to the page.

save-button.png