Authors
📖 Overview
The Authors block displays a list of authors or contributors. Authors can be pulled from the Person post type using a relationship field, or added manually as custom authors. Each author displays with their image, name, job title, company, and optional link. This block is ideal for attribution, team showcases, or contributor credits.
✏️ Content Options
Authors can be added in two ways: selecting from the Person post type or creating custom author entries manually.
Heading Fields
| Field | Type | Required | Description |
|---|---|---|---|
| Title | Text | No | The heading text displayed above the authors list |
| Title Type | Select | No | The HTML heading tag to use (h1–h6). Default: h2 |
| Title Size | Select | No | The visual size styling for the heading. Default: text–h2 |
Authors (Relationship)
| Field | Type | Required | Description |
|---|---|---|---|
| Authors | Relationship | No | Select people from the Person post type. Author data (name, image, job title, etc.) is pulled automatically from the selected posts |
Custom Authors (Repeater)
Use the “Add Custom Author” button to manually add author entries.
| Field | Type | Required | Description |
|---|---|---|---|
| Image | Image | No | Profile image for the author |
| First Name | Text | No | The author’s first name |
| Last Name | Text | No | The author’s last name |
| Job Title | Text | No | The author’s job title or role |
| Company | Text | No | The author’s company or organisation |
| Link | Link | No | Optional link to the author’s profile, bio page, or external site |
🎨 CSS Variables
The following CSS variables can be configured to customise the block’s appearance:
Component Variables (Individual Author)
| Variable | Default Value |
|---|---|
--component-author-image-width |
56px |
--component-author-image-aspect-ratio |
1/1 |
--component-author-image-border-width |
0px |
--component-author-image-border-colour |
var(--colour-white) |
--component-author-image-border-radius |
56px |
--component-author-image-shadow |
none |
--component-author-image-content-gap |
var(--spacing-xxs) |
--component-author-content-gap |
0 |
♿ Accessibility
- Uses semantic
<article>elements for individual authors when not linked - When linked, authors use anchor (
<a>) elements with propertargetandrel="noopener noreferrer"attributes for external links - Heading hierarchy can be customised to fit within the page’s existing structure
- Placeholder image provided when author has no profile image
- Names, job titles, and companies are properly escaped for security
- Flexible grid layout with clear visual separation between image and content
