With the Max Addons Post Tiles element for Bricks Builder, you can transform your posts into stunning, eye-catching tiles that enhance your website's appearance.
Getting Started#
Before using the Post Tiles element, make sure that Bricks Builder & Max Addons for Bricks Builder are installed and activated on your WordPress site.
Once both are active, you're ready to start creating stunning post layouts with ease!
Step 1: Open the Bricks Builder Editor#
Create a new page or edit an existing page in the Bricks Builder editor.
Step 2: Add the Post Tiles Element#
Use the search bar in the element panel to search for "post tiles".
Add the Post Tiles element to your page. Make sure to check for the "Max" tag in the top-right corner of the element to ensure you're using the right widget.
Exploring Post Tiles Customization Options#
Query#
Query allows you to define which posts are displayed in your tiles. You can choose different post types and define filters to fine-tune the content display
Layout#
Layout section offers complete control over the design and arrangement of the post tiles:
- Layout Options: Choose from 6 unique layouts to create visually appealing grids.
- Image Position: Set the position of images with options like Default, Center Center, Center Right, Top Left, and more.
- Large Tile Image Size: Customize image sizes for large tiles with options like Default, Thumbnail, Medium, and more.
- Small Tiles Image Size: Adjust the image sizes for smaller tiles.
- Horizontal Spacing: Control the horizontal spacing between tiles.
- Vertical Spacing: Adjust the vertical spacing between tiles.
Fields#
Dynamic tags make your post tiles more functional and engaging. In addition to standard tags like {post_title} and {post_content}, Max Addons introduces advanced dynamic tags:
- **{max_post_terms:taxonomy_name}: Displays terms of a taxonomy, such as categories or tags, assigned to the post.
Example: {max_post_terms:category} or {max_post_terms:post_tag}
- {post_published_time_ago}: Displays how long ago the post was published.
- {post_modified_time_ago}: Shows how long ago the post was last modified.
- {author_posts_url}: Provides the URL to the author's posts archive.
- {loop_index}: Displays the current index of the post within the loop.
Content #
Customize the text content display with these options:
- Vertical Align: Align text vertically within each tile.
- Text Align: Control horizontal text alignment.
- Padding: Adjust the padding inside each tile for a perfect layout.
- Background Color: Set a custom background color for your tiles.
- Gradient Options: Apply gradients to various elements, such as Background, Overlay, or Text, with further gradient customization controls.
This is the complete overview doc of the Post Tiles. I hope this helps you understand the basic functionality and features of the element!