< Back to All Pod Tutorials

Blog Post Grid

The image above is an example of a standard Blog Post Grid.

The Blog Post Grid pod is an excellent way to highlight blog posts (articles) anywhere on your website.

The Blog Post Grid displays an easy-to-arrange two-column mosaic-style layout.

The Blog Post Grid pod is a trunk-level pod, and you will need to create Blog Posts before you can add a Blog Post Grid.

Blog Post Grid template

1. Internal Name: This title will not be visible on the website; it is only used for organizing your content.
2. Share: If you flag this pod, your chosen content and settings will be saved to be added easily throughout your website. *If you need to change this pod, you can adjust it in one instance, and it will automatically be updated throughout the site.
3. Title: You can add a title for your grid; this is optional.
4. URL: Your title can link to another page; this is also optional.
5. Posts: When you click “Add a line,” a pop-up will appear with a few of your most recent blog posts. You can also type to search for a post. Select your post to add it to your grid.

When you are in “Edit” mode, you can rearrange your posts by clicking and dragging the arrows on the left, and you can delete posts from your grid by clicking on the trash can to the right.

Alternative theming

If you prefer a different styling for your Blog Post Grid, Steersman also has a three-column standard-sized layout, which can be implemented.

Save and publish

To see your updated content on your website, you need to publish your page. In the Websites App, click on the Publish tab. Once there, click the Create button. On the next screen, you will select the website you want the page to publish to (if you have multiple websites) and check the Pages checkbox. Click Save at the top, then click Start.