Start here
What to change first
Replace the sample text, then add or remove complete sections in List View. Replace any example photograph through the Image block. Photographs in the payload are included public source URLs with descriptive alternative text; no foreign attachment ID travels with them. Edit the alternative text to match your replacement. Check long headings and paragraphs on a phone.
The portrait and author details are editable examples and do not identify the photographed person. Replace both with your author’s own content and set the profile link. The pattern does not depend on a WordPress user profile.
The signature moment
A portrait and centred introduction sit above a left-aligned biography
A self-contained author card with a portrait, name, role and a fuller two-paragraph biography. The narrow format demonstrates how contributor information reads as an article sign-off or a sidebar introduction.
Theme handoff
What comes from where
From your theme
The theme supplies the typeface, heading leading and weight, link treatment, and spacing scale. Colours use contrast and base fallback chains ending in core black and white. Incidental uppercase labels start with role-label. Structural borders use currentColor. No accent carries text.
Set by this pattern
The composition and its relative widths are authored. Body copy uses the medium preset with a readable clamp fallback and 1.6 line height. Section headings use x-large; smaller headings use large. All headings state their own ink chain. Narrow groups keep the theme's content measure. Columns stack below WordPress's mobile breakpoint; automatic grids reflow according to their minimum track width. There is no fixed-height reading area.
Full pattern notes
Why it works, and how it is built
Open a topic for the complete design reasoning, editing guidance and implementation notes.
Design rationaleComposition, intent and nearest alternatives
Overview
A self-contained author card with a portrait, name, role and a fuller two-paragraph biography. The narrow format demonstrates how contributor information reads as an article sign-off or a sidebar introduction.
The signature moment: a portrait and centred introduction sit above a left-aligned biography
A self-contained author card with a portrait, name, role and a fuller two-paragraph biography. The narrow format demonstrates how contributor information reads as an article sign-off or a sidebar introduction.
Make it yoursVariations and the edits to make first
What to change first
Replace the sample text, then add or remove complete sections in List View. Replace any example photograph through the Image block. Photographs in the payload are included public source URLs with descriptive alternative text; no foreign attachment ID travels with them. Edit the alternative text to match your replacement. Check long headings and paragraphs on a phone.
The portrait and author details are editable examples and do not identify the photographed person. Replace both with your author’s own content and set the profile link. The pattern does not depend on a WordPress user profile.
Theme behaviourInheritance, fixed decisions and contrast
What it inherits
The theme supplies the typeface, heading leading and weight, link treatment, and spacing scale. Colours use contrast and base fallback chains ending in core black and white. Incidental uppercase labels start with role-label. Structural borders use currentColor. No accent carries text.
What it decides
The composition and its relative widths are authored. Body copy uses the medium preset with a readable clamp fallback and 1.6 line height. Section headings use x-large; smaller headings use large. All headings state their own ink chain. Narrow groups keep the theme's content measure. Columns stack below WordPress's mobile breakpoint; automatic grids reflow according to their minimum track width. There is no fixed-height reading area.
Display type
Small labels and narrow supporting copy keep a clamp from 15px to 16px. Uppercase labels use 0.08em tracking. No heading uses a display size outside the theme's ladder.
Contrast and verification
All reading text, labels and links are held to 4.5:1. Large headings are held to 3:1. The scoped verify:pattern run checks editor validity at both supported WordPress targets, responsive layout, colour contrast and theme renders. The verification sheet is under .wp-verify/sheets/article-author-card/sheet.png.
Technical notesBlock mechanics, responsive behaviour and constraints
Where to paste it
Paste into a post or page's content area. This is an editable content pattern, not a Single Post template. Your theme supplies the post title, date and site header; this payload has no duplicate h1 or dynamic post-context requirement. It works with ordinary core blocks and needs no companion plugin.
Sample content
All author details are fictional examples. This longer biography includes a role, subject expertise and the author’s relationship to the journal. Keep the content focused on the contributor rather than turning the card into another article.
The markup
Core block markup and nothing else. Copy it, then paste it straight into the block editor: WordPress reads the delimiters and rebuilds the blocks.
Fetching the markup…
