How to set the Blog Element in Blade

The Blog element is undoubtedly one of the most important elements which most of the users will probably use. Based on that fact, Blade really offers multiple options for this element. Let’s see them briefly, starting with the basic styles.

  1. Large Media
  2. Small Media
  3. Masonry
  4. Grid
  5. Carousel
Large Media & Small Media

– Set the Image Mode. You can select if you need a cropped featured image or a resized one for this blog overview.
– You can use only the Featured image in the blog overview and not the main media you have added in the single post.
– Define the Excerpt length for the texts, a very convenient option since you absolutely need different excerpt in the large media style than the grid with 4 columns for example.
– Add More Button if you like.
– Enable the Blog Filter in order to have filters just like the Portfolio Element.
– Set your preferable blog order (ID, Slug, Title) and order it Ascending or Descending.
– Align the Blog Filter.
– Hide the comments.
– Define the posts per page, the pagination.
– Set the order of the posts.

Masonry & Grid Style

– You can use only the Featured image in the blog overview and not the main media you have added in the single post.
– Set the Masonry Mode, select between Without Shadow and With Shadow mode. This is just a style option.
– You can use only the Featured image in the blog overview and not the main media you have added in the single post.
– Set the Columns for the Masonry Blog, the options are from 2 to 5.
– Set the Tablet Landscape Columns.
– Set the Tablet Portrait Columns.
– Set the Mobile Columns.
– Define the Excerpt length for the texts.
– Add More Button if you like.
– Enable the Blog Filter in order to have filters just like the Portfolio Element.
– Set your preferable blog order (ID, Slug, Title) and order it Ascending or Descending.
– Align the Blog Filter.
– Enable a Loader for your overview.
– Disable the Pagination.
– Hide the comments.
– Define the posts per page, the pagination.
– Set the order of the posts.

The only difference in the options between the Masonry and Grid style is that you can set the Image Mode (Auto Crop or Resize) in the Grid style.

Easily create a Blog Carousel. Set the number of posts per page, the navigation, the excerpt, the slideshow speed.

Related Articles