Перейти к содержимому
TubePress — бесплатный, самостоятельный & активно поддерживаемый
Внешний вид и темы

Внешний вид и брендинг

Логотип, фавикон, цвета, тёмная тема, фоны и тонкая настройка карточек и страницы просмотра.

Экран Внешний вид по адресу /admin/appearance — ваша панель управления без написания кода. Всё здесь меняет стиль активной темы — логотипы, цвета, тёмный режим, макет и детальные настройки карточек видео и страниц просмотра — без изменения единого файла. Изменения сохраняются как настройки и считываются темой во время рендеринга, поэтому вы можете свободно экспериментировать и отменять любые изменения.

Экран разделён на вкладки вверху. Эта страница описывает каждую группу. Если вы хотите изменить саму разметку, это задача тем; значения ниже доступны коду шаблона как переменные с префиксом $_, полностью задокументированные в справочнике по API тем.

Брендинг

Откройте Внешний вид → Брендинг, чтобы задать фирменный стиль. Вы можете загрузить отдельный логотип для светлой и тёмной тем — оставьте оба поля пустыми, чтобы отображать название сайта обычным текстом; тёмный логотип заменяется инвертированной версией светлого, если предоставлен только последний. Favicon (квадратный, не менее 32×32px) отображается во вкладке браузера.

Все файлы брендинга хранятся в /uploads/branding/. Также поддерживается фоновое изображение сайта с режимом отображения cover, contain или repeat; ваша тема считывает их как $_siteBackground и $_siteBackgroundMode. Вы также можете настроить высоту логотипа для компьютера (по умолчанию 36px) и мобильного устройства (по умолчанию 28px) с предварительным просмотром в реальном времени.

Используйте прозрачный PNG или SVG. Логотип с прозрачным фоном аккуратно смотрится как на светлом, так и на тёмном заголовке. Размер каждого файла не должен превышать 5 МБ.

Цвета и тёмный режим

В разделе Внешний вид → Цвета вы задаёте две палитры — одну для светлой темы и одну для тёмной темы — с помощью палитры цветов с необязательной прозрачностью. Каждая настройка компилируется в пользовательские CSS-свойства и внедряется как блок $_colorOverrides <style>, так что несколько значений каскадируются по всей теме. Каждая палитра содержит одни и те же восемь ролей:

Основной
Акцентный цвет для кнопок, ссылок и активных состояний. По умолчанию общий для обеих тем.
Фон
Фон страницы.
Поверхность
Боковые панели, фоны разделов и поля ввода.
Карточка
Карточки видео, комментарии и блоки контента.
Тёмный фон
Подвал, наложения и заглушки.
Текст / Приглушённый текст
Основной текст и более тихие метаданные, ссылки и текст-заглушки.
Граница
Разделители и контуры карточек.

На том же экране находятся элементы управления тёмным режимом. Главный переключатель для пользователей определяет, получают ли посетители переключатель светлой/тёмной темы в заголовке, а значение По умолчаниюСветлая или Тёмная — определяет, что они видят сначала. Если вы отключите переключатель пользователя, сайт всегда будет использовать выбранную вами тему по умолчанию, а неиспользуемая палитра будет отображаться серым.

Макет

Внешний вид → Макет управляет размером сеток. Главная опция — видео в ряду — выберите 4, 5 или 6 (по умолчанию 5), доступна шаблонам как $_videosPerRow. Вкладки также позволяют задать количество на странице и сортировку по умолчанию для видео, категорий, порнозвёзд и каналов, а блок Размеры сайта задаёт максимальную ширину (по умолчанию 1800px) и отступы страницы.

Сортировка по популярности требует плагина CTR. Опция сортировки по умолчанию Популярное остаётся заблокированной до тех пор, пока вы не включите рейтинг кликабельности. См. CTR ranking.

Параметры карточек видео

В разделе Внешний вид → Карточки видео вы точно настраиваете каждую миниатюру в списке с закреплённым предварительным просмотром, который обновляется при изменении каждого параметра.

ПараметрПеременнаяЧто делает
Показывать значок длительности$_cardShowDurationЗначок длительности в правом нижнем углу миниатюры.
Показывать заголовок$_cardShowTitleЗаголовок видео под миниатюрой.
Строки заголовка$_cardTitleLinesОграничить заголовок 1 или 2 строками.
Мета слева / справа$_cardMetaLeft / $_cardMetaRightВыберите, что отображается с каждой стороны: views, likes, time (время назад) или none.
Отступ сетки$_cardGridGapРасстояние между карточками, 0–30px.
Скругление углов$_cardBorderRadiusСкругление углов, 0–24px.
Увеличение при наведении$_cardThumbnailHoverУвеличивает миниатюру при наведении курсора.

Эти параметры учитывают настройки страницы просмотра, описанные ниже. Если вы скроете длительность или значение мета на странице просмотра, соответствующий параметр карточки будет автоматически отключён, чтобы обе части оставались согласованными.

Параметры страницы просмотра

Вкладка Страница просмотра определяет, что отображается вокруг плеера. Каждый элемент является независимым переключателем; разделы без данных скрываются автоматически.

  • Информация о видеоПросмотры, Длительность, Дата публикации, Нравится / Не нравится и кнопка Избранное.
  • Детали видеоИсполнители, Каналы, Категории и Теги.
  • Комментарии — включить или отключить ветку комментариев для всего сайта ($_commentsEnabled). См. комментарии.

На том же экране также настраивается плеер (качество по умолчанию, скорость воспроизведения, кнопка загрузки, повтор и полноэкранный режим двойным щелчком) и количество связанных видео в боковой панели. Они соответствуют переменным $_watchShow* в API тем.

Навигация и поиск

Вкладка Меню формирует навигацию в заголовке. Включите или отключите строку поиска ($_menuSearch), затем соберите меню из встроенных разделов или собственных пользовательских ссылок. Каждый элемент ($_menuItems) содержит label, url, флаг enabled и необязательный список templates, чтобы ссылка отображалась только на определённых типах страниц. Когда вы публикуете более одного языка, автоматически появляется переключатель языка.

Для статических страниц, которые наполняют меню и подвал, см. страницы и меню.

Следующие шаги

Остались вопросы?

Откройте заявку в панели управления, и наша команда поможет.

Попробовать демо → Скачать TubePress →