> For the complete documentation index, see [llms.txt](https://docs.themeupstudio.com/travio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.themeupstudio.com/travio/custom-pages/authors-page.md).

# Authors Page

Live preview: <https://travio.themeupstudio.com/authors/>

This guide explains how the Authors page works, what data it uses, and how to customize it.

### Route and Template

* URL: `/authors/`
* Route source: `routes.yaml`
* Template file: `authors.hbs`
* Page data source: `data: page.authors`

Create a Ghost page with slug `authors` so page header/title content can render correctly.

<div data-with-frame="true"><figure><img src="/files/9Z8sphiuharnyPJWXHtj" alt=""><figcaption><p>Authors page content source</p></figcaption></figure></div>

***

### What the Authors Page Does

The Authors page is a directory/listing page for all site authors. It includes:

* Page header (from `page.authors`)
* Grid/list of author cards
* Per-author metadata (name, profile image fallback, article count, etc.)
* Pagination / Load More behavior
* Bottom CTA section

***

### Content Source

Author cards are populated from Ghost author data (/author/{slug}/ entities), not from a manual page builder.

Each card generally uses:

* Author name
* Author profile image (if available)
* Fallback initials/avatar style (if image missing)
* Author post count
* Link to author archive page
* Author Location (if available)
* Author social links (if available)

***

### Template and Card Structure

* Main listing template: `authors.hbs`
* Author card partial: `partials/cards/card-author.hbs`

If you want visual changes (card layout, metadata order, image ratio, badges), edit the author card partial.

***

### Pagination / Load More

Authors page supports progressive loading behavior.

How it works in Travio JS:

* Initial author cards render from server output.
* “Load More” fetches additional author entries.
* Button state updates when no more authors are available.
* End text uses localized label (for example “No more authors”).

***

### Settings That Influence Authors Page

#### Theme settings (indirect impact)

* **`destinations` and `experiences` :**
  * These do not directly define author cards on `/authors/`, but they are used on author-specific pages (`/author/{slug}/`) for filtering posts by category taxonomy. So they are still important for the broader author browsing experience.
* **Code Injection:**
  * If you use global filter visibility logic via `TRAVIO_CONFIG.filters.visibility`, it affects author archive pages (`/author/{slug}/`) rather than the `/authors/` directory list itself.

<div data-with-frame="true"><figure><img src="/files/jFZIeQ0HLyIMXYTKpWvy" alt=""><figcaption><p>Authors page filter controls</p></figcaption></figure></div>

***

### Author Profile Completeness

To make Authors page look premium, complete these fields for each author:

* Name
* Profile image
* Cover image (used on single author page)
* Bio
* Location
* Website / social links

The more complete the profile, the better both:

* `/authors/` listing cards
* `/author/{slug}/` detailed author page

***

### Single Author Page Relationship

Travio has a dedicated single-author template (`author.hbs`) for `/author/{slug}/`.

That page includes:

* Author hero/profile block
* Author metadata and social links
* Author’s posts list
* Destination/experience filter panel for author posts
* Load more and filtering interactions

So `/authors/` is the discovery index, and `/author/{slug}/` is the detailed content hub.

***

### Common Issues

* Authors page header missing: `authors` slug page not created.
* Author cards look incomplete: missing profile images or minimal author profile data.
* No more authors appears too early: limited number of authors in Ghost instance.
* Styling mismatch after edits: changes made in built CSS only; update source CSS and rebuild.

***

### Quick Setup Checklist

1. Create page slug `authors`
2. Ensure multiple author profiles exist in Ghost
3. Complete author profile fields (image, bio, location)
4. Verify `/authors/` loads cards and links correctly 5. Test load more behavior