Blog Article Component

Not to be confused with Blog, though Blog Article is part of the overall Blog component. When a customer purchases the Blog component as a whole, they also automatically get the Blog Article component. However, there are some customers that may want to purchase the Blog Article component on its own–in those cases, the Blog is NOT automatically included with the Blog Article.

This component is used to house a full article as written by a staff member at the FI. It has a large space for text and a side column that can include information about the author of the article. It also includes a small section where other recommended blog posts can be added in content.

Mustache Files

src > templates > blog-article.mustache - The main template file.

Script

1. src > scripts > banno-functions.js

   • Date sorting section, makes it so the blog cards organize by date (most recent first). On sites with the newest file setup, this will be automatically un-commented if the componentBlog value in the package.json is set to true. On older sites, you will need to manually un-comment this script.

   • Article link setup section, makes it so that the client can have “Read More” for all of their blog links, to match design. This script will make it so the title attribute of that link includes the title of the article as entered by the client. Therefore, they won’t have an ADA issue with multiple links having the same text! On sites with the newest file setup, this will be automatically un-commented if the componentBlog value in the package.json is set to true. On older sites, you will need to manually un-comment this script.

Styling

1. src > scss > themes > _general.scss - Blog component CSS, controls basic styling for the Blog component; pieces that are common between all themes.

2. src > scss > themes > [yourtheme].scss - Styles specific to your theme.

Example Sites

Alabaster - Pioneer Bank (Stanley)