Blog & article pages
Akira uses two sections for content marketing: Blog posts, the listing page for a blog, and Blog post, the template for an individual article. Both give you control over what metadata shows and how the page is spaced, without needing to touch the article's own content.
Blog listing page
The Blog posts section renders the list of articles for a given blog, with a card per post. Use it to decide how much detail shows on each card before a customer clicks in.
| Setting | What it does |
|---|---|
| Show blog title | Displays the blog's title as a page heading. |
| Show tag filter | Adds a tag filter bar so customers can narrow posts by topic. |
| Show excerpt | Shows a short excerpt of each post on its card. |
| Show author | Displays the post author's name. |
| Show date | Displays the publish date. |
| Columns on desktop | Number of post columns on desktop. |
| Posts per page | How many posts load per page. |
| Color scheme | Sets the color scheme applied to this section. |
| Top / bottom padding | Space above and below the section, in pixels. |
Tip: If you're running more than one content category, turn on the tag filter and keep your tags short and consistent (for example "Guides", "News", "Behind the scenes") so the filter bar stays readable on mobile.
Individual article page
The Blog post section controls the layout around the article body itself: what metadata appears above it, and how much vertical spacing separates each part of the page.
| Setting | What it does |
|---|---|
| Show featured image | Displays the article's featured image at the top. |
| Show author | Displays the author's name. |
| Show date | Displays the publish date. |
| Show read time | Shows an estimated reading time, calculated from the article's word count. |
| Show tags | Displays the article's tags. |
| Show share buttons | Adds social share links below the article. |
| Color scheme | Sets the color scheme applied to this section. |
| Top / bottom padding | Space above and below the section, in pixels. |
Fine-tuning spacing
Rather than a single padding value, the article page exposes four separate spacing controls so you can fine-tune the rhythm between each block of content: header to image spacing, image to body spacing, body to share spacing, and share to navigation spacing (the space before the next/previous article links at the bottom). This is useful if, for example, you disable the featured image and need to tighten the gap between the header and the article body.