Dynamic Content List (DCL): Creating a news page

Example of a news page rendered with a Dynamic Content List
Example of a news page rendered with a Dynamic Content List

About this tutorial

The following tutorial will teach you how to create a generic News page with filter categories on the right. Two close examples include Common Law's news page and the Information Technology's News page. This tutorial is provided as reference only; you may need to modify some options and settings to meet your own needs.

Prerequisites

To be able to create a news page, you need to be able to create News Articles and to add Dynamic Content Lists as content. If these are not available on your site, please ask your webmaster to enable the modules News and Dynamic View, or request that a member of the Support team enable them for you using the Service Desk request form.

Step 1 – Creating taxonomy terms to categorize your news

  1. Navigate to Structure > Taxonomy.
  2. On the page that appears, find Content Groups, and click on "Add term".
  3. The term you are creating will correspond to either the News section on your site or to the type of News it represents. Thus, on the page that appears, enter the name of the term in the Name field. Some examples include "News", "Home - News", "Research News", etc.
  4. Once done, click on “Save and translate”.
  5. A page will appear listing the available languages. Beside French, click on “Add”.
    1. Note: If you get an access denied error at this step, it is because you are not logged into the French side of your site. Simply open a new tab to connect yourself to the French side of your site, then go back to this page and click on your browser's refresh button to load the page.
  6. Enter the French name of the category into the Name field.
  7. Once done, scroll down and click on “Enregistrer” (Save).
  8. Repeat these steps if you need to add other terms to categorize your news.

Step 2 – Creating news articles and tagging them

  1. Navigate to Content.
  2. Click on “+ Add content” and then select “News Article”.
    1. Title: Enter the title of your news article.
    2. Summary: Enter a summary of the full article. You may wish to use the first two lines or the first paragraph of your full article for the summary.
    3. Body: Enter the full text of your article in this section.
    4. Publication Date: Set the date as necessary.
    5. Primary Image: If you wish to attach a main image to your article, click on the "Browse" button and either upload a new image or find one in your site's library. Once done, select the checkbox "Display image in article".
    6. Content Group: Tag your article to one of the terms you created in Step 1.
  3. Enter a revision log message at the bottom of the page.
  4. Save and repeat for each news item you wish to add.

Step 3 – Building the Dynamic Content List (DCL)

  1. Navigate to Structure > Pages.
  2. Edit the page on which you wish to add your list of news. Preferentially, this page should have a B or BB layout.
  3. In the left menu, click on “Content”.
  4. You should now be presented with a page outlining the regions of your layout. Click on the top‑left gear icon of one of those regions.
  5. In the dropdown menu that appears, click on “Add content”.
  6. A new window should appear. In the left menu, select “Content” and then select “Dynamic Content List”.
  7. You will be presented with a page allowing you to configure your Dynamic Content List. For the purpose of this exercise, select the values below:
    • Display Mode: List with categories
    • Data Source: Entity
    • Source settings
      • Entity Type: Node
      • Sub-Type: News Article
        [You can also optionally select Content Link.]
      • View Mode (Results): Teaser
        [You can change the view mode if needed.]
      • View Mode (Label): None
    • Filters
      • Filter #1
        • Filter Method: Field (Taxonomy Reference)
        • Settings
          • Field: Content Groups
          • Taxonomy Term(s): [Select all of the taxonomy terms that you created in Step 1. On Windows, you can do this by holding the CTRL key and left-clicking on each option.]
    • Sorters
      • Sorter #1
        • Sorting Method: Field (Date)
        • Settings
          • Field: Release Date | Date Posted
          • Newest to oldest: [Select this option.]
    • Categorizers
      • Top
        • [If you wish to display the years as clickable filters at the top, select the following.]
          • Categorizing Method: Field (Date)
          • Settings
            • Field: Release Date | Date Posted
            • Granularity: Year
      • Right Side
        • [If you wish to display the years as clickable filters at the right, select the following.]
          • Categorizing Method: Field (Date)
          • Settings
            • Field: Release Date | Date Posted
            • Granularity: Year
        • [If you wish to display taxonomy terms/content groups as clickable filters on the right, select the following.]
          • Categorizing Method: Field (Taxonomy Reference)
          • Settings
            • Field: Content Groups
            • Show Terms: [Select all of the taxonomy terms that you wish to have displayed. On Windows, you can do this by holding the CTRL key and left-clicking on each option.]
    • Groupers
      • Grouper #1
        • Grouping Method: Field (Date)
        • Settings
          • Field: Release Date | Date Posted
          • Granularity: Year
            [You could also select both "Year" and "Month".]
    • Pager
      • Items per page: 10 or 15
  8. Once done, click on the button "Finish".
  9. Afterwards, click on the button "Update and save" to save all the changes on the page.

Step 4 – Styling the Dynamic Content List

  1. Click on the top‑right gear icon of the Dynamic Content List you just added.
  2. In the dropdown menu, under Style, click on “Change”.
  3. A new window will pop up. Select “Component Styles” from the list and then click on “Next”.
    1. Under Styling, set the Container Type to “Full”.
    2. Scroll down and save.
  4. Once done, click on the button Update and Save to save your changes on the page.

If everything went right, you should now have list of news articles with clickable filters (aka categorizers) on the right of the page.

» Submit feedback
    Types: 
  • Tutorials
Back to top