How do I add UMBC News and Magazine headlines to my Sites website?

A new integration with UMBC News and Magazine allows users of Sites@UMBC websites to pull a feed of headlines and display them in the new template (optionally, users may also filter the headlines by tag).

These headlines can be clicked by website visitors to view the article on the platform that it was originally posted on.

Example: View a live example of this integration sharing College of Engineering and Information Technology articles, tagged #COEIT. 

Video Tutorial

https://youtu.be/oFXe1y79yso?si=RmOBuzvQNiGbtDmj

See also:


Directions:

  1. Log in to your Sites website.


  2. Navigate to the page that you would like to add a feed of headlines, or create a new page.


  3. On the right hand side of the administration panel on your page, you will find a UMBC Content control. (see example to the right) 


  4. Select myUMBC from the "Include From" dropdown box. 


  5. In the "Group" dropdown select the option for "Add New Group...", enter the text "umbc-news-magazine" without quotes and then press the "Add" button. 


  6. After hitting the "Add" button, "UMBC News & Magazine" should be selected in the dropdown box, and we can now select "Posts" in the Section menu.


  7. (Optional) - Add a tag or multiple tags separated by commas to the tags section. Tags can be found by visiting a news or magazine post and viewing the article tags.

    Example: viewing this article on the news website, tags can be found beneath the author and publish date. (screenshot example included) In this example article, the tags are cahss, cahssresearch, and visualarts) 


  8. In the Content Preview section, select "none" for no excerpt, or "Short Summary" to include the excerpt with your headlines. In this section, you may also select how many headlines to show per page

    Note: Do not choose full listing for this integration. 


  9. Scroll back to the top and hit the "Update" button to save your changes.


  10. Review your headlines feed and make any changes. 

Step by step screenshots

Step 3: 

Step 4:

Step 5:

Step 6:

Step 7: 

Step 8: