The Recent Blog Posts shortcodes will display an excerpt and a featured image of the most recent posts. There are three options for displaying recent blog posts.

Notice: In order to display a picture with the posts, you must select a featured image for each post.

Featured Image

Recent Posts Thumbnails

Shortcode Breakdown

[heels_posts posts="4" category="" tags=""]
  • posts: the number of posts to display. The recommended number of posts for this particular shortcode is 4.
  • category: the category slug of the category to display posts from. Find post category slugs by going to the Dashboard > Posts > Categories. Use comma between multiple categories. Leave blank to display all posts.
  • tags: the tag slug of the tag to display posts from. Find post tag slugs by going to the Dashboard > Posts > Tags. Use comma between multiple tags. Leave blank to display all posts.

Shortcode Example

Markup: HTML Tags and Formatting

Headings Header one Header two Header three Header four Header five Header six Blockquotes Single line blockquote: Stay hungry. Stay foolish. Multi line blockquote with a cite reference: People think focus means saying yes to the thing you’ve got to … Continued

Markup: Image Alignment

Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let’s get started. On the topic of … Continued

Markup: Text Alignment

Default This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love. Completely neutral and not picking a side … Continued

Markup: Title With Special Characters

Putting special characters in the title should have no adverse effect on the layout or functionality. Special characters in the post title have been known to cause issues with JavaScript when it is minified, especially in the admin when editing … Continued

Recent Posts List

Shortcode Breakdown

[heels_list_posts posts="4" category="" tags=""]
  • posts: the number of posts to display.
  • category: the category slug of the category to display posts from. Find post category slugs by going to the Dashboard > Posts > Categories. Leave blank to display all posts.
  • tags: the tag slug of the tag to display posts from. Find post tag slugs by going to the Dashboard > Posts > Tags. Use comma between multiple tags. Leave blank to display all posts.

Shortcode Example

  • Markup: HTML Tags and Formatting

    Headings Header one Header two Header three Header four Header five Header six Blockquotes Single line blockquote: Stay hungry. Stay foolish. Multi line blockquote with a cite reference: People think focus means saying yes to the thing you’ve got to … Continued

  • Markup: Image Alignment

    Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let’s get started. On the topic of … Continued

  • Markup: Text Alignment

    Default This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love. Completely neutral and not picking a side … Continued

  • Markup: Title With Special Characters

    Putting special characters in the title should have no adverse effect on the layout or functionality. Special characters in the post title have been known to cause issues with JavaScript when it is minified, especially in the admin when editing … Continued

Isotope Posts

Shortcode Breakdown

[iso_posts posts="10" category="" tags=""]
  • posts: the number of posts to display.
  • category: the category slug of the category to display posts from. Find post category slugs by going to the Dashboard > Posts > Categories. Leave blank to display all posts.
  • tags: the tag slug of the tag to display posts from. Find post tag slugs by going to the Dashboard > Posts > Tags. Use comma between multiple tags. Leave blank to display all posts.

Shortcode Example

Markup: HTML Tags and Formatting

Posted 7 years ago

Headings Header one Header two Header three Header four Header five Header six Blockquotes Single line blockquote: Stay hungry. Stay foolish. Multi line blockquote with a cite reference: People think focus means saying yes to the thing you’ve got to … Continued

Markup: Image Alignment

Posted 7 years ago

Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let’s get started. On the topic of … Continued

Markup: Text Alignment

Posted 7 years ago

Default This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love. Completely neutral and not picking a side … Continued

Markup: Title With Special Characters

Posted 7 years ago

Putting special characters in the title should have no adverse effect on the layout or functionality. Special characters in the post title have been known to cause issues with JavaScript when it is minified, especially in the admin when editing … Continued

Markup: Title With Markup

Posted 7 years ago

Verify that: The post title renders the word “with” in italics and the word “markup” in bold. The post title markup should be removed from the browser window / tab.

Horizontal Featured Image

Template: Featured Image (Vertical)

Posted 7 years ago

This post should display a featured image, if the theme supports it. Non-square images can provide some unique styling issues. This post tests a vertical featured image.

Horizontal Featured Image

Template: Featured Image (Horizontal)

Posted 7 years ago

This post should display a featured image, if the theme supports it. Non-square images can provide some unique styling issues. This post tests a horizontal featured image.

Template: More Tag

Posted 7 years ago

This content is before the more tag. Right after this sentence should be a “continue reading” button of some sort.

Template: Excerpt (Defined)

Posted 7 years ago

This is a user-defined post excerpt. It should be displayed in place of the post content in archive-index pages.

Template: Excerpt (Generated)

Posted 7 years ago

This is the post content. It should be displayed in place of the auto-generated excerpt in single-page views. Archive-index pages should display an auto-generated excerpt of this content. Depending on Theme-defined filters, the length of the auto-generated excerpt will vary … Continued