Sitefinity: Blogs

In Sitefinity, "Blog posts" is one of the out-of-box content data types. Blogs and blog posts are managed in the Sitefinity at /Sitefinity/Content/Blogs. Blog posts are then added to the page using the drag-and-drop Blog posts widget found in the Content section of the page editor toolbox. 

Below are various layout templates for the Blog posts widget component.

Blogs - Blog Post List

Full content is shown here with a limit of three (3) posts and pagination enabled.

Posts List: Default

  • slide-01

    Ladies and gentlemen, we have blogs...

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et velit sed tellus fringilla hendrerit. Nullam hendrerit urna id justo tempor, eu sodales dui sodales. Vivamus vel cursus est. Fusce quis metus convallis elit tincidunt rhoncus suscipit vel mi.

  • slide-04

    Here's a second blog post for ya

    Phasellus luctus tempus metus sit amet maximus. Donec quam nunc, aliquam eget felis eget, dignissim varius felis. Ut ornare pharetra tincidunt. Ut sed dictum augue.

  • slide-05

    Hello, World! I'm a blog post

    Maecenas vel hendrerit tortor. Donec metus ligula, fermentum vel porta a, suscipit at lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Posts List: Divider

CSS Classes: blog-post-item-divider
  • slide-01

    Ladies and gentlemen, we have blogs...

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et velit sed tellus fringilla hendrerit. Nullam hendrerit urna id justo tempor, eu sodales dui sodales. Vivamus vel cursus est. Fusce quis metus convallis elit tincidunt rhoncus suscipit vel mi.

Posts List: Card

CSS Classes: blog-post-item-card
  • slide-01

    Ladies and gentlemen, we have blogs...

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et velit sed tellus fringilla hendrerit. Nullam hendrerit urna id justo tempor, eu sodales dui sodales. Vivamus vel cursus est. Fusce quis metus convallis elit tincidunt rhoncus suscipit vel mi.

Posts List: Card (W/ Grid)

CSS Classes: blog-post-item-card list-col-sm-6
slide-01

Ladies and gentlemen, we have blogs...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et velit sed tellus fringilla hendrerit. Nullam hendrerit urna id justo tempor, eu sodales dui sodales. Vivamus vel cursus est. Fusce quis metus convallis elit tincidunt rhoncus suscipit vel mi.

slide-04

Here's a second blog post for ya

Phasellus luctus tempus metus sit amet maximus. Donec quam nunc, aliquam eget felis eget, dignissim varius felis. Ut ornare pharetra tincidunt. Ut sed dictum augue.

Posts List: Card (W/ Grid + Masonry)

CSS Classes: blog-post-item-card list-col-sm-6 list-masonry
slide-01

Ladies and gentlemen, we have blogs...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et velit sed tellus fringilla hendrerit. Nullam hendrerit urna id justo tempor, eu sodales dui sodales. Vivamus vel cursus est. Fusce quis metus convallis elit tincidunt rhoncus suscipit vel mi.

slide-04

Here's a second blog post for ya

Phasellus luctus tempus metus sit amet maximus. Donec quam nunc, aliquam eget felis eget, dignissim varius felis. Ut ornare pharetra tincidunt. Ut sed dictum augue.

Design, Tools & Training


Top