Многие выбирают Jellyfin вместо Plex потому, что он абсолютно бесплатен, с открытым исходным кодом, поддерживает аппаратное транскодирование и отлично работает практически на любой платформе. Вот только его стандартный интерфейс довольно скучен и быстро приедается, если пользоваться им каждый день.
Но есть отличная новость — добавить кастомную тему проще простого: уже есть десятки готовых вариантов, а желающие могут создать собственный неповторимый стиль.
Как работают темы оформления в Jellyfin
В Jellyfin можно менять оформление с помощью CSS-стилей — почти так же, как оформляют сайты. Вся ваша медиатека открывается в браузере, поэтому новая тема — это просто свежий "внешний вид" без каких-либо изменений в функциональности сервера.
Главное преимущество такого подхода: темы «легковесны», переключаются мгновенно и сразу видны во всех клиентах, которыми вы пользуетесь — будь то веб-браузер, приложение для iPhone или телевизор на webOS. Тема заменяется моментально, вплоть до экрана входа!
Все темы создают энтузиасты, поэтому их качество и стабильность бывают разными. Сломать сервер из-за неудачной темы невозможно — максимум, что вас может ждать, это какие-нибудь мелкие баги, которые несложно исправить.
Меняется оформление кнопок и панелей, но логика интерфейса остаётся прежней: обложки, фоны, структура — всё на своих местах. Зато преобразятся цвета, стили и даже сам логотип Jellyfin может выглядеть иначе. Появятся более плавные формы, закругления и другие приятные мелочи.
Как вручную установить темы в Jellyfin
Установить тему можно двумя способами: вручную или через специальный плагин. Оба метода довольно простые, ведь авторы обычно сразу публикуют готовый код — его просто копируешь и вставляешь. Я советую освоить ручную установку — она даёт больше контроля (и легко сочетается с плагином, если захочется).
Давайте рассмотрим ручной способ. Откройте веб-интерфейс Jellyfin и кликните по иконке пользователя в правом верхнем углу. В меню выберите раздел «Администрирование», затем найдите «Панель управления». Слева, в блоке «Сервер», откройте пункт «Брендинг».
Если «Брендинг» не отображается — скорее всего, у вас устаревшая версия сервера. Поискать также можно раздел «Отображение», а ещё лучше сразу обновиться до последней версии Jellyfin.
На вкладке «Брендинг» появится поле «Пользовательский CSS-код». Именно сюда вставляется код импорта нужной темы, а если потребуется — и дополнительные стили для дочерних вариантов или поддержки широкого экрана.
Где брать эти коды, расскажу чуть ниже, а шаблон записи выглядит вот так:
@import url('https://code-url-here.example/theme.css');
Часто к основному файлу добавляют ещё пару строк, но импорт с «theme.css» указывайте всегда первым.
Чтобы отключить тему, просто удалите весь CSS-код из этого поля. Имейте в виду: изменения не отобразятся в админке, зато сразу появятся в основном интерфейсе. Просто перезагрузите страницу или приложение для применения новой темы.
Как легко ставить темы Jellyfin через плагин
Второй способ — воспользоваться плагином Jellyfin Skin Manager. Снова зайдите в веб-интерфейс, кликните по своему имени вверху, выберите «Панель управления» в разделе «Администрирование».
В боковом меню найдите «Плагины», далее — «Управление репозиториями» и нажмите «Новый репозиторий». В поле для названия пишите, например, “jellyfin-skin-manager” и введите ссылку:
https://raw.githubusercontent.com/danieladov/JellyfinPluginManifest/master/manifest.json
Теперь вернитесь в «Плагины», обновите страницу, в поиске введите “skin”, выберите фильтр «Все». Ищите “Skin Manager”.
Кликните по плагину, затем нажмите «Установить» и внимательно прочитайте предупреждение. Если всё устраивает — подтверждайте установку.
Далее нужно перезапустить Jellyfin. На Windows, macOS или Linux — просто перезапустите приложение. Если сервер работает в контейнере — перезагрузите сам контейнер.
После перезапуска снова заходите в админку, открывайте «Плагины» и переходите к Skin Manager. Здесь в «Настройках» можно выбрать любую доступную тему или же настроить собственную («Custom»).
По сути, этот плагин работает с тем самым полем ввода CSS на странице «Брендинг», просто делает это за вас и добавляет нужные фиксы. Тем в списке немного, и обновления выходят редко — зато всё максимально просто и удобно.
С чего начать? Популярные темы оформления для Jellyfin
В проекте Awesome Jellyfin собрали отличную коллекцию тем — каждый найдёт что-то на свой вкус. Многие из них доступны и через Skin Manager, но есть и совершенно уникальные. У каждой темы есть страница на GitHub, где можно найти свежие версии и дополнения для разных устройств.
Загляните и на официальный форум Jellyfin в раздел “Themes & Styles” — там авторы выкладывают свои свежие работы, собирают отзывы и прислушиваются к пожеланиям пользователей. Именно там рождаются самые интересные идеи, и выходит много новых релизов. Например, популярная ZestyTheme объединила лучшие находки сообщества.
Хотите большего? Создайте Jellyfin под себя!
Готовы поэкспериментировать и сделать кое-что уникальное? У Jellyfin подробная официальная документация — она научит создавать и подключать любые свои CSS для максимальной персонализации. А чтобы вдохновиться, можно скачать чужие темы и посмотреть, как они устроены (немного знаний современного CSS не повредит!).
И не забывайте: в разделе «Брендинг» легко добавить свой сплэш-скрин или даже собственные дисклеймеры. Сделайте свой сервер по-настоящему уникальным — с деталями, которые будут только у вас!
Если вам понравилась эта статья, подпишитесь, чтобы не пропустить еще много полезных статей!
Премиум подписка - это доступ к эксклюзивным материалам, чтение канала без рекламы, возможность предлагать темы для статей и даже заказывать индивидуальные обзоры/исследования по своим запросам!Подробнее о том, какие преимущества вы получите с премиум подпиской, можно узнать здесь
Также подписывайтесь на нас в:
- Telegram: https://t.me/gergenshin
- Youtube: https://www.youtube.com/@gergenshin
- Яндекс Дзен: https://dzen.ru/gergen
- Официальный сайт: https://www-genshin.ru