This is an Article

anatomy-article.png

 

Step 1 - Create an Article:

  1. Use the "Add Content" Method to select either a "News" or "Article" template
  2. Name the Article file according to guidelines
  3. Place in News folder according to date

Naming Articles

Add the month and day of publishing to the beginning of Article file names. For example, a news item titled "Professor Receives Grant" scheduled for publishing on March 8, 2019 should be named: 03-08-professor-receives-grant. 

Placement folder for Articles

Place all Articles in the "News" folder. Within the News folder, you should have a sub-folder that reflects your main website folder. For example, the Center for Civic Engagement has a main folder named "civic," so the "News" folder will have a "civic" sub-folder. Within this folder will be folders by year, and some may have subfolders by month, although this is rare. Articles should be placed in the folders corresponding to the year and/or month for its publication date.  For example the "Professor Receives Grant" article above should be placed in /news/civic/2019/ since it was written in 2019.

If your website's news folder does not have a folder for the current year, please ask itweb@jmu.edu to provide you with one.

Step 2 - Edit the "Content" Tab:

1. Fill in fields

  1. Enter the Article title in both Title fields (less than 30 characters)
  2. Enter a publish date and/or time
  3. Enter a 1-2 sentence summary of the Article in the Summary field
  4. Enter your e-ID (not your full name). Your e-ID will be converted to your full name automatically. If your e-ID is not converted, contact marketingemail@jmu.edu to discuss author permissions to have your e-ID added to this block.
article1.jpg
article2.png

2. Add tags to the Article so it shows up in Feeds

Tags on Articles tell Cascade where the Article should appear in Feeds. For example, an Article with a "JMU Home" tag will appear on the JMU homepage and the JMU News homepage. An "education" tag will make the Article appear on the Education topic page, just as a "business" tag would make it appear on the Business topic page. 

Tagging Articles with your department tag

In the tags section, you should see that your department tag is already added. If you do not see your department tag, contact itweb@jmu.edu.

Tagging Articles with another department's tag

If you wish to add a second tag that is not your own, see instructions for another department's tag.

NOTE: Related Articles" feeds will only show related Articles with the same first tag as the current Article. For example, if an Article has the first tag "_tags/_topics/business" and a second tag "_tags/source/college_of_business," the Related Articles" section will ONLY have articles tagged "_tags/_topics/business."

3. Use the Content field to add WYSIWYG content

Add text to your Article; use headings styles to separate content

Use pull quotes to draw attention to certain quotes:

  1. Select the quote text
  2. Use the Formats dropdown, hover over "Custom" and select "pullquote" style
  3. IMPORTANT: Only use the style "pullquote." There are three other older styles that should not be used: pullquoteright, pullquoteleft, and pullquotecenter
  4. Press Enter
  5. Select the author's name
  6. Use Formats, "Custom" and select "pullquote-attribution"
  7. Press Enter. If your pull quote doesn't look similar to this example, see Troubleshooting, WYSIWYG Error

 

Add images to your Article:

  1. See Adding Images for details about right-/left-aligned images, captions, and wrapping images with text.

If you wish to embed a single tweet or facebook post in your Article, use this Embed Social Media Posts Guide.

pullquote.png
ARTICLE width height
lead 1000 600
right-aligned 310 varied
left-aligned 310 varied

 

4. Add a teaser to the Article

This is the text that will show with the Article when it appears in a Feed:

feed-tumbnail.png

5. Add Article Lead Image/Video

Lead images represent the Article in Feeds, on the Article itself, and on Facebook.

  1. Create a lead image using the Add Content botton:
    • Select Add Content
    • Choose Responsive folder
    • Select Article Image option
    • Save the Article Image to your appropriate  /_images/<your department> folder 

create-article-image.png

This will automatically create a thumbnail image (172x103) beside your 1000x600 image that you should put in the "Thumbnail" field.

thumbnail.png

If you do not supply a thumbnail image, Cascade will substitutes a random JMU thumbnail like this one. article-feed2.png

     b. Add the lead image, or choose a lead video URL

         NOTE: Article videos will replace the lead image if added

     c. Add a Facebook image (1200x630) to display if the Article is shared in a Facebook post

     d. Add caption for Lead image/Video Caption

lead-image-caption.png

6. Add Footnote

This is a space to place references, an additional statement about the author, or something else.

footnote.png

Step 3 - Edit the Metadata Tab:

1. Re-enter the same title, summary, and teaser from the "Content" tab again in the "Metadata" tab

articles2-1.png

2. Add keywords to the Article

3. Provide a description for the Article

4. Type full name in the Author field on the Metadata tab (not e-ID)

5. Re-enter the publish date/time in the Start Date field

6. If desired, specify an End date and Expiration folder.

Choosing an End date and Expiration folder will unpublish the Article from the Live web server on the End date, and move it into the specified Expiration folder. This folder should be your own "z-archive" folder within your website folders that is unindexable and unpublishable. Using this option will remove the Article from your live website so your users are not viewing outdated Articles. It is recommended that you set the End date for Articles to be at least a year after publishing.

art-meta-1.png

Updating Articles 

The top of the Article will show readers that there is updated information:

update1.png

The "Read update" link is anchored to the end of the Article where the new information is displayed beneath a horizontal line:

update2.png 

1. Add Read Update Link:

  1. On the Article, select Edit from the toolbar
  2. In the WYSIWYG content field, add: "Updated April 10, 2019 - Read update" on a new line at the top, above the existing article content
  3. Adjust the date accordingly, and apply boldface like the example above
  4. Select Read update and click the link icon to specify a word to use as an anchor (example: update)

 

2. Add Updated Content:

  1. Scroll down to the end of the WYSIWYG content field and press Enter to begin a new line
  2. Select the Insert tab, and select Horizontal line
update3.png 
  1. Press Enter to begin a new line, and type UPDATE: April 10, 2019
  2. Adjust the date accordingly, and apply boldface like the example above
  3. Select the word UPDATE and select the anchor icon
update4.png
  1. Type in the same anchor you specified with the link at the beginning of the article (example: update), and select Ok
  2. Press Enter to begin a new line, and type the updated information.
  3. Submit and Publish

Configuring Articles

Hiding "Related Articles"

Check both "No Block" fields to remove the block and format in Region 22

artcon1.png

 

Hiding the Social Media icons

Set the block in "EXTENDEDCSS" Region to the "article-hide-social-icons" shared block

artcon2.png

Back to Top