This widget is designed to create tile-based post grids, often used for stylish blog, portfolio, news, or magazine layouts.
Layout#
This Layout section lets you:
Pick a grid style, set content and text alignment, decide how and where images show up, configure fallback behavior when images are missing, specify image resolutions per tile size.
- Layout: Choose from predefined tile arrangements.
- Content Position: Sets where post text content appears vertically relative to the tile.
- Text Alignment: Defines horizontal alignment of post text within the content area.
- Image Position: Controls how the image is positioned inside each tile.
- Fallback Image: Specifies what happens if a post has no featured image.
- None – show no image.
- Placeholder – display a generic placeholder graphic.
- Custom – upload your own fallback image.
- Large Tile – Image Resolution: Select the image size for the large tile.
- Small Tiles – Image Resolution: Select the image size for all smaller tiles in the layout.
Query#
The advanced query logic in the Post Tiles enables you to filter posts by category, tags, author, or other criteria, providing granular control. You can find more details here.
Fields#
Configure which pieces of post data display inside each tile and how they look.
- Content: You can pick what type of post data to show.
- Post Title – displays the post’s title.
- Post Author – shows the author name.
- Post Date – outputs the publication date.
- Post Excerpt – displays the excerpt.
- Post Content – outputs the full content.
- Post Comments Count – shows how many comments the post has.
- Post Terms – displays taxonomy terms (categories, tags).
- Post Custom Field – lets you pull any custom field value.
- ACF Field – show a field created with Advanced Custom Fields.
- Pods Field – show a field created with Pods.
- Button – add a button (like “Read More”).
- Title Length: You can limit how many words or characters are displayed for the post title.
- HTML Tag: Lets you choose the HTML element to wrap the content. E.g.,
<h2>,<div>,<span>. - Link To: Defines whether this field links somewhere (None, Post URL, or Custom Field)
There maybe additional options depending on the content type you choose.