Skip to main content

Title

Article Listing Page Template

This page will list a grouping of your articles with direct links to each individual article. Articles will be displayed visually, and you’ll include a selection menu to filter articles by topic. Each article in the list should include an image, a short summary, and a strong call to action that links directly to the article.

See a demo of this template

 

When To Use This Page

This page will be beneficial when you run into the following scenarios.

  • You have multiple articles or categories of articles that you’d like to list on a single page.
  • If you’d like to create a “library” for your articles.
  • If you’d like to link to individual articles from this page in addition to other pages such as the Article Landing page.

 

Default Template Components

The following components are fixed elements within this page template:

Breadcrumb

A series of clickable links that display the navigational path to the current page

Article Grid

A auto-generated grid of article callouts, each containing a title, thumbnail image (if applicable), and a truncated description (by default)

Social Share (Where Applicable)

The ability for users to share content with their friends and followers on supported social networks

 

The following components are also available by default within this page template, but can be removed or lightly altered:

Article Filter

The ability to filter articles by topic 

 

Additional Optional Template Components

Any allowed tout combination

Use any supported combination of touts that adds up to 100% of the content width

Embedded Poll

A poll that can be placed anywhere a tout can be placed.

 

Design Details

These helpful diagrams highlight key components across the three Canvas viewports. Components are either required or optional; some can be adjusted, while others must remain as-is. 

 

 

 

  

Template PSDs

Access the PSD files for your Article Listing Template.

Template PDFs

View the PDF files for your Article Listing Template.

Responsive Design

CANVAS sites fluidly respond across three key breakpoints.

See examples of page layouts, features and functionality in CANVAS.

Our demo provides a glimpse of the flexibility of CANVAS and its templates.