Renders a single post (or page/product depending on configuration). On a post page the theme wraps the content area with data-v-component-post="post" and the current post's fields become available inside it.

Usage

<div data-v-component-post data-v-slug="hello-world">
  <h1 data-v-post-name></h1>
  <div data-v-post-content></div>
</div>

On a post detail page you can omit the options - the component reads the post from the page URL automatically.

Settings

  • data-v-post_id - render a specific post by id instead of the current URL match (default url)
  • data-v-slug - render by slug (default url)
  • data-v-type - post type (post, page, …)
  • data-v-status - post status filter, default publish
  • data-v-language_id / data-v-site_id - language and site, default to current
  • data-v-image_size - featured image size, default large

Item fields

data-v-post-name, data-v-post-content, data-v-post-excerpt, data-v-post-image, data-v-post-url, data-v-post-date_added and all other post columns map to elements with data-v-post-*.