Blog Boxes

A responsive grid of posts as cards, with optional featured image cropping, category, date, and excerpt.

Blog Boxes lists posts as a grid of cards, a common choice for a "Recent Posts" section on a homepage or a custom blog landing page.

Blog Boxes showing three post cards in a row

Add it

In WPBakery, click Add Element and pick Blog Boxes from the Highend Shortcodes tab. Or use the shortcode (see Shortcode).

Settings

Total ItemsTextDefault: 10count

How many posts to show. Enter -1 for all posts.

Elements per rowSelectDefault: 3columns

Cards per row, from 1 to 8.

Show Categories?SwitchDefault: Offshow_categories

Shows the post's category links.

Show Read More?SwitchDefault: Offshow_read_more

Shows a Read More link in the card footer.

Show Date?SwitchDefault: Offshow_date

Shows the publish date in the card footer.

Show Excerpt?SwitchDefault: Offshow_excerpt

Shows a trimmed excerpt under the title.

Excerpt LengthTextDefault: 15excerpt_length

Words to show in the excerpt. Appears when Show Excerpt? is on.

Show Featured Image?SwitchDefault: Offshow_featured_image

Shows the featured image at the top of the card.

Crop Featured Image?SwitchDefault: Offcrop_image

Crops the featured image to a fixed size instead of its native ratio. Appears when Show Featured Image? is on.

Image WidthTextDefault: 600crop_width

Crop width in pixels. Appears when Crop Featured Image? is on.

Image HeightTextDefault: 400crop_height

Crop height in pixels. Appears when Crop Featured Image? is on.

Data source

CategoriesAutocompletecategory

Search and pick one or more categories to limit which posts appear. Leave empty for all categories.

Order BySelectDefault: Dateorderby

Options: Date, Title, Random, Comment Count, Menu Order.

OrderSelectDefault: Descendingorder

Descending or Ascending.

ExcludeAutocompleteexclude

Search and pick specific posts to leave out.

OffsetTextoffset

Number of posts to skip from the start of the result set.

Shortcode

[hb_blog_boxes count="6" columns="3" show_featured_image="true" crop_image="true" crop_width="500" crop_height="350" show_date="true" show_excerpt="true" excerpt_length="20"]

category and exclude take comma-separated IDs when written by hand (the WPBakery field stores IDs from its search picker, not slugs, unlike Blog Carousel's plain-text Category field).

On this page