Single Post & Archive Templates

Single Post Title (Page Hero)

GP Element: ID 3663 — #Single Post Title

Renders above each documentation post:

<!-- Breadcrumbs with Rank Math -->
<div class="breadcrumb">Code / Git Quick Reference</div>

<!-- Post title as H1 -->
<h1>Git Quick Reference</h1>

<!-- Meta line: updated date + read time via [id86_modified_date] -->
<span class="id86-post-meta">updated Jul 31, 2026 · 3 min read</span>

The template uses GenerateBlocks dynamic data sources:

• Breadcrumbs are from Rank Math / SEOPress.
• Title is post-title dynamic content.
• The meta line (updated M j, Y · N min read) comes from the [id86_modified_date] shortcode, which renders the last-modified date plus a 220-words-per-minute reading estimate. It falls back to the publish date when no modified date exists.

Single Post Content

GP Element: ID 1371 — #Single Post Content

Renders the main content area:

1. Featured image (if set, with caption).
2. Post content via the_content (handled by GeneratePress dynamic content block).
3. Tags listing.
4. Related posts (query loop using order_by_related class, filtered by same category).
5. Comments section.

The content wrapper uses a centered 768px column with responsive padding.

Article body elements (headings, tables, code blocks, blockquotes, admonitions, footnotes) are styled by css/article-content-v2.css and enhanced by js/article-content.js (table scroll). Code blocks are pre-rendered by Shiki into Code Block Pro blocks with a built-in copy button. See 3. Content → Article Body Elements for the authoring contract.

Archive Template

GP Element: ID 863 — #Archive Template

Standard archive layout using a stable 3/2/1 reference-card grid:

1. Archive hero ([id86_archive_header]) renders the brand gradient hero, contextual title, and optional taxonomy description.
2. Post loop renders each post via the [id86_archive_card] shortcode.

Archive Hero

GP Element: ID 3579 — #Archive Title

id86_archive_header_shortcode() renders:

<section class="id86-archive-hero">
  <div class="id86-archive-hero__inner">
    <p class="id86-archive-hero__kicker">Instant Documentation</p>
    <h1>DevOps</h1>
    <div class="id86-archive-hero__lede">...</div>
  </div>
</section>

Title resolution order: search query, blog home, taxonomy term name, author, then get_the_archive_title() fallback. The description uses term_description() when present, otherwise a default positioning line.

Archive Card

GP Element: ID 3584 — #Archive Post Layout

id86_archive_card_shortcode() renders a complete, fixed-anatomy card with no dynamic-block placeholders:

┌──────────────────────────────────────┐
│ [Category]  [Reference|Article]      │
│                                      │
│ Post title (H2, linked, 2-line clamp)│
│                                      │
│ Excerpt (3-line clamp)               │
│                                      │
│ Updated Jul 21, 2026   Open reference │
└──────────────────────────────────────┘

Cards are 3 columns above 960px, 2 columns from 601-960px, and 1 column at 600px and below. GP Premium column layout is disabled so the child theme owns sizing; adding or deleting categories requires no layout configuration.

404 Template

GP Element: ID 2140 — 404 Layout

Custom centered 404 page with navigation support.