—
Notes/Story
- В Ghost Admin создай внутренний тег
#track. - Для каждого трека: пост → Audio card (MP3/OGG), опционально Toggle “Notes/Story” и “Lyrics”, задай feature image, добавь тег
#track. - Создай статическую страницу “Player” и назначь шаблон player (использует
page-player.hbs). Открой/player/. - (Опционально) Зайди в Settings → Labs → Routes и загрузить из темы
routes.yaml, чтобы гарантированно работал путь/player/и коллекция/tracks/….
Если захочешь — добавлю клавиатурные шорткаты, синхронные лирики (WebVTT), автопрокрутку текста или мини-плейлист сбоку вместо снизу.
Notes/Story
- Плейлист тянется из постов с
#trackчерез Content API. docs.ghost.org - URL страницы обновляется на
?track={slug}— можно делиться ссылкой на конкретный трек. - В правой колонке показываются
Notes/Story→ иначеLyrics→ иначеexcerpt. - Разметка Audio/Toggle стабильна и документирована Ghost-ом (классы
.kg-audio-card,.kg-toggle-card). docs.ghost.org
Notes/Story
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam.
Maecenas fermentum, sem in pharetra pellentesque, velit turpis volutpat ante, in pharetra metus odio a lectus. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum.
Vestibulum sit amet sem aliquam, rhoncus lorem quis, pulvinar nunc. Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing.
Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.