Blogs: Blog Posts
Before getting started learn the basics:
How to create & edit blogs How to add blog posts to a page See all available template optionsLayout Views
The widget component template
Learn how to do it:
Blog posts list
Blog title date
Blog title date full content
Blog title date summary
Blog title only
Customizations
Customize with CSS Classes.
Learn how to do it:
Columns
2 Columns: list-col-md-6
2 Columns + Masonry: list-col-md-6
+ list-masonry
Title Styles
Small: item-title-small
Medium: item-title-medium
Large: item-title-large
Make Heading Tag: title-tag-h5
The h5 in the class name can be switch out to h2, h3, h4, h6 and so on. Adding the class title-tag-h5 to an element will semantically change its title to a level 5 heading, which is typically used to represent a subsection under a heading of a higher level. This helps structure the content hierarchically, improving accessibility and SEO. It signals the intent to present the text as a heading of level 5, aiding screen readers and search engines in interpreting the content's meaning and importance. Learn more about headings.
Center Text: text-center
Hide Meta: meta-hide
Content Dividers
Divider: list-divider
Image Options
Float Image Right: img-right
Image Top: img-top
Hide Image: img-hide
Icon Options
Float Icon Left: icon-show
icon-left
Show Icon: icon-show
Display Categories/Tags on items
Content items should have categories/tags applied to them before they will be displayed.
Display Categories: cats-show
Categories will display below the posted date and time and above the summary. In the example below the categories Sitefinity, Tools, and UTMB Web are displayed.
Display Categories on Top: cats-show
cats-top
Categories will display above the title. In the example below the categories Sitefinity, Tools, and UTMB Web are displayed.
Display Categories on Bottom: cats-show
cats-bottom
Categories will display below the summary. In the example below the categories Sitefinity, Tools, and UTMB Web are displayed.
Display Tags: tags-show
Tags will display below the summary. In the example below the tag Sitefinity is displayed.