Unit News and Update Feed

Use this block to load news and updates feed from Campus News or from Your Unit Update Posts. 

This block is a replacement for the Stories Plugin in the Ponderosa template.

Instructions

  1. Create the Unit Update Section Folder.
    1. Click Add Content in the Top Menu Bar.
    2. Select Unit Updates > Unit Update Section.
      1. Folder Name - Enter system folder name.
      2. Placement Folder - Select the folder where you want the feed to reside. This will automatically create a default page and a post page in that folder. NB: This  folder and default page will need to be published to Production in order for the Unit Updates to appear on either your Staging or Production site.
  2. Select the default page in the folder you just created.
    1. Display Name - Text entered in this field will display in the navigation.
    2. Title -  Enter Title text.
    3. Unit Update Listing.
      1. Display Banner - If you select 'Yes,' choose an image for the banner that will be displayed across the top of the page. Add descriptive text of the image for those using a screen reader in the Image Alt Text field. Please note that this is a legal requirement.
    4. Listing Style - Select how you want the items to be displayed. See an example of each style below these instructions.
    5. Intro Content - Enter descriptive text that will appear below heading and below the posts.
  3. Create Posts - These are the individual posts or news stories.
    1. Either select the first post that was automatically created when you created the Unit Update Section, or create a new post.
      1. To create a new post, click Add Content in the Top Menu Bar.
      2. Select Unit Updates > Unit Update Post.
        1. Display Name - Text entered in this field will display in the navigation.
        2. Title -  Enter Title text.
        3. Summary - Summary of the post that shows on listing pages in some designs, and social media sharing.
        4. Unit Update Post > Banner Image.
          1. Image File - Select the image you want to be displayed with the post. You can upload any size image and Cascade will automatically size the image for you.
            1. If you want to add an image to the body of the post and display to either the left or right of the post (with text wrapping), click on the image, then go to Formats > Custom > and then select either 'Lefte align image' or 'Right align image.'
          2. Alternative Text - Add descriptive text of the image for those using a screen reader - please note that this is a legal requirement.
          3. Scale Focus - Choose the area of the image where focus should zoom when scaling. Images will be resized automatically and this setting determines where the focus should zoom when scrolling.
          4. Caption - Text that appears below the photo when viewing the full news post.
          5. Main Content - Text of full news story or post. 
    2. Submit.
      1. When you have added all the content, click the blue Preview Draft button in the top right of the editing window. 
      2. Then click the blue Submit button in the top right of the editing window.
  4. Create the block that will be added to page row.
    1. Click Add Content in the Top Menu Bar.
    2. Select Blocks > Row Blocks > News and Update Feed.
      1. Placement Folder - Select the Unit Update Section folder that you created in the first step.
      2. News JSON Block.
        1. Row BG - Select Light or Dark background for the text. 
        2. Heading - Enter the heading that will display above all posts e.g., 'News from the College of Humanities & Sciences.'.
        3. Heading Level - Select the heading level.
        4. JSON URL - Navigate to and select the default page of the Unit Update Section folder.
          1. In the top right of the Workspace click on ...More and select Live in the dropdown.
          2. You will be taken to the live version of that page. In the address bar, add .json before the .php extension. For example, 'https://www.umt.edu/cascade-support/how-to/build-your-website/blocks/unit-news-update-feed.php' would become 'https://www.umt.edu/cascade-support/how-to/build-your-website/blocks/unit-news-update-feed.json.php.' Copy that URL.
          3. Paste the URL into the JSON URL field in the News and Update Feed block. If you see a 'File Not Found' page when you enter that URL into your address bar, publish the Unit Updates Section folder that you created in the first step to Production.
          4. NB: this page needs to be published to the Production server. It will not work if published to the Staging sever.
    3. Submit.
      1. When you have added all the content, click the blue Preview Draft button in the top right of the editing window. 
      2. Then click the blue Submit button in the top right of the editing window.
    4. Attach the block to your page.
      1. Select or create the Row you want to attach the Block to.
      2. Set the Row Content Type to Row Block.
      3. Click the Choose Block button in the Block field and navigate to and select the Block you just created.
      4. Click the blue Choose button in the top right.

News - Image Cards

More Updates

News - Image List

More Updates

News - Image Tiles

More Updates