Source List
Academic source citations displayed at the bottom of articles and research summaries. Data comes from an ACF repeater field with fields for authors, year, article title + URL, and publication title + URL.
Token file: tokens/component/source-list.json
Source list — collapsed (5 of 7 visible)
Sources
- (2004) Tinnitus Retraining Therapy: Implementing the Neurophysiological Model Cambridge University Press
- (2013) Tinnitus: causes and clinical management The Lancet Neurology
- (2019) A multidisciplinary European guideline for tinnitus: diagnostics, assessment, and treatment HNO
- (2020) Cognitive behavioural therapy for tinnitus Cochrane Database of Systematic Reviews
- (2017) A state-of-the-art review: personalization of tinnitus sound therapy Frontiers in Psychology
Source list — expanded (all 7 visible)
Sources
- (2004) Tinnitus Retraining Therapy: Implementing the Neurophysiological Model Cambridge University Press
- (2013) Tinnitus: causes and clinical management The Lancet Neurology
- (2019) A multidisciplinary European guideline for tinnitus: diagnostics, assessment, and treatment HNO
- (2020) Cognitive behavioural therapy for tinnitus Cochrane Database of Systematic Reviews
- (2017) A state-of-the-art review: personalization of tinnitus sound therapy Frontiers in Psychology
- (2013) Tinnitus The Lancet
- (2014) Sound therapy for tinnitus management: practicable options Journal of the American Academy of Audiology
Citation format
Section titled “Citation format”Each source displays as:
Authors (Year)Article Title ← linked, sienna action colorPublication Title ← italic, mutedItems are separated by 1px pale-wheat horizontal dividers.
Collapse behavior
Section titled “Collapse behavior”The first 5 items are always visible. Items 6+ are hidden by default with a text-only toggle button (“Show all N sources” / “Show fewer sources”). The toggle uses aria-expanded for accessibility. Collapse/expand requires minimal JS in the WordPress theme.
Key tokens
Section titled “Key tokens”| Token | Value | Purpose |
|---|---|---|
--component-source-list-heading-font-size | 15px | Section heading |
--component-source-list-item-border-color | border.subtle → #F9DFAE | Divider between items |
--component-source-list-authors-color | text.secondary → #7A6560 | Author names |
--component-source-list-title-color | action.primary → #A55838 | Linked article title |
--component-source-list-publication-color | text.muted → #B09A90 | Publication name |
--component-source-list-toggle-color | action.primary → #A55838 | Toggle button |
WordPress markup
Section titled “WordPress markup”<section class="nl-source-list" aria-label="Sources"> <h4 class="nl-source-list__heading">Sources</h4> <ol class="nl-source-list__items"> <li class="nl-source-list__item"> <span class="nl-source-list__authors">Jastreboff PJ, Hazell JWP</span> <span class="nl-source-list__year">(2004)</span> <a class="nl-source-list__title" href="...">Tinnitus Retraining Therapy</a> <span class="nl-source-list__publication">Cambridge University Press</span> </li> </ol> <button class="nl-source-list__toggle" type="button" aria-expanded="false"> Show all 7 sources </button></section>ACF field structure
Section titled “ACF field structure”The source list is powered by an ACF repeater field on articles and research summaries:
| Sub-field | Type | Maps to |
|---|---|---|
| Authors | Text | .nl-source-list__authors |
| Year | Text | .nl-source-list__year |
| Article title | Text | .nl-source-list__title (text content) |
| Article URL | URL | .nl-source-list__title (href) |
| Publication title | Text | .nl-source-list__publication (text content) |
| Publication URL | URL | .nl-source-list__publication a (href, optional) |