🌅 Представляем Horizon, нашу новую тему

В течение последних нескольких месяцев мы усердно работали над нашей новейшей темой для Discourse — Horizon. Сегодня мы с радостью делимся с вами результатами нашей работы и приглашаем опробовать Horizon в вашем сообществе.



В этой теме мы расскажем о Horizon и проведем вас через процесс установки.

:sun: Всё о Horizon

Horizon — это простая и красивая тема, созданная для того, чтобы обеспечить отличный пользовательский опыт для сообществ без дополнительных усилий со стороны администратора. Название отражает нашу надежду на то, что эта тема выразит более широкое видение того, кто может использовать Discourse и как могут выглядеть сообщества на этой платформе.

Светлая тема

Тёмная тема

:woman_shrugging: Почему мы создали Horizon?

Мы создали Horizon, чтобы упростить любому человеку запуск сообщества на Discourse и гордиться тем, что делится им со своими участниками.

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

:mirror: Для кого предназначена Horizon?

Horizon создана для сообществ, у которых нет опыта или ресурсов для настройки внешнего вида Discourse.

Мы гордимся гибкостью и настраиваемостью Discourse — и это не изменится! Однако мы убеждены, что чем больше сообществ на Discourse, тем лучше, и лучший способ достичь этого — сделать так, чтобы менее технически подкованные сообщества могли процветать с нашим продуктом.

:magic_wand: Что делает Horizon особенной?

В то время как тема Default представляет собой чистый лист, у Horizon есть свои принципы. Она ценит пространство, простоту и современный дизайн.

Чтобы увидеть разницу, используйте переключатель тем в нижней части боковой панели здесь, на Meta, чтобы переключиться на Horizon:

Вот некоторые из изменений, которые вы заметите в Horizon:

  • Меньшая плотность информации. Самой заметной особенностью Horizon является карточка темы, которая стала более компактной по сравнению со стандартным табличным видом, чтобы выглядеть более дружелюбно и просто. Некоторая информация, например, подробные сведения об участниках темы, тегах и назначенных пользователях, не отображается.
  • Увеличенный текст и больше пространства. Помимо карточки темы, мы добавили больше пространства в Horizon, увеличив базовый размер шрифта в области чтения и внедрив структуру на всю ширину.
  • Создана для использования без изменений. Сообщества, которые хотят иметь полный контроль над внешним видом сайта или имеют особые требования к дизайну, могут и должны продолжать работать с нашей темой Default или создавать свои собственные темы для наилучшего удовлетворения своих потребностей. Хотя мы протестировали Horizon с наиболее популярными официальными компонентами тем и обнаружили лишь незначительные несовместимости, мы не рекомендуем добавлять в Horizon неофициальные компоненты или другой пользовательский код.

:gear: Использование Horizon

Вы можете включить Horizon для своих участников всего за несколько шагов:

  1. Перейдите в раздел :wrench: Администрирование, затем в секцию Внешний вид и нажмите Темы и компоненты.
  2. Найдите карточку темы Horizon, нажмите кнопку и выберите Установить как активную, чтобы сделать Horizon новой темой по умолчанию для вашего сообщества. (Возможно, вам потребуется обновить экран, чтобы увидеть изменения.)

При желании вы можете включить любые из новых цветовых палитр, которые созданы специально для работы с Horizon.

:warning: Примечание: вы можете заменить палитры, используемые в Horizon, но в цветовом выборе в боковой панели будут отображаться только палитры с названиями Clover, Horizon, Lily, Marigold, Royal и Violet.

Инструкции по настройке цветовых палитр.
  1. Нажмите Цветовые палитры в боковой панели администратора.
  2. Выберите нужную цветовую палитру (например, Horizon).
  3. Установите флажок Цветовая палитра может быть выбрана пользователями и нажмите галочку для подтверждения.
  4. Повторите шаги 2–3 для всех палитр, которые вы хотите использовать.

После обновления вы увидите кисть в нижней части боковой панели. Нажмите на неё, чтобы выбрать конкретную цветовую палитру для Horizon (как показано на скриншоте выше). Ваши участники могут сделать то же самое, чтобы выбрать любую из включённых палитр. Чтобы установить новую палитру по умолчанию для Horizon (то есть то, как Horizon выглядит до того, как участники внесут какие-либо изменения, и для анонимных посетителей):

  1. Перейдите в раздел Темы и компоненты в административной панели.
  2. Найдите карточку Horizon и нажмите Изменить.
  3. Измените поле Цветовая палитра на нужную палитру по умолчанию.

:crystal_ball: Что дальше для Horizon?

Мы только начинаем! Мы усердно работали над первой версией этой темы, но планируем продолжать инвестировать в Horizon и улучшать её со временем. Мы будем активно собирать отзывы от сайтов, использующих Horizon, чтобы делать её ещё лучше, и надеемся, что в ближайшем будущем она станет темой по умолчанию, которая будет поставляться вместе с сайтами Discourse.

:folded_hands: Спасибо

Мы очень благодарны всем, кто поддержал Horizon (и команду Discourse!), протестировав Horizon здесь, на Meta или участвуя в нашем бета-тестировании. Эти отзывы были бесценны для выявления ошибок, внесения корректировок и улучшения общего опыта работы с Discourse на этой теме. Большое спасибо за ваше время, отзывы и поддержку!

42 лайка

Это выглядит потрясающе! Я очень хочу попробовать.

Но у меня нет маршрута для /admin/customize/themes/1/common/*/edit. Не могли бы вы его добавить? Я использую его для предоставления специальных заголовков и другой кастомизации независимо от выбранной темы.

Спасибо!

Ой, извините, я должен был опубликовать это на Help us test Horizon, our newest theme.

1 лайк

Почему бы вам не создать новый компонент темы, внести в него изменения и добавить его в тему Horizon?

1 лайк

Я что-то упустил, или Horizon еще не добавлен в Crowdin для перевода? Может, мне создать pull request с переводами?

1 лайк

Horizon в первую очередь разработан для использования «как есть», поэтому прямая кастомизация или кастомизация через неофициальные компоненты не рекомендуются. Тем не менее, я хотел бы узнать больше о том, что вы хотите изменить в Horizon, чтобы понять, может ли это быть хорошим кандидатом для более прямого включения в тему.

Я занимаюсь этим вопросом, скоро дам обратную связь!

1 лайк

На самом деле это просто заголовок для связывания форума с аккаунтом в Fediverse (и тег <noscript>, выполняющий то же самое в подвале).

Код компонента темы я разместил здесь: https://git.z7l.eu/ps/discourse-lire.im

См. обоснование для Mastodon.

1 лайк

Выглядит отлично!! Я так понимаю, тема не будет совместима с кастомными компонентами, которые мы сейчас используем? Например:

1 лайк

Продолжаем обсуждение из Помогите нам протестировать Horizon, нашу новейшую тему:

У меня это не сработало на мобильном устройстве (iPhone 11 Pro Max). Думаю, возможно, это связано с тем, что я увеличил размер шрифта в настройках телефона.

Эта тема замечательная, спасибо за вашу работу!

Интересно, как обновлять форк Horizons? У нас есть некоторые кастомные изменения, которые нужно сохранить :slight_smile:

1 лайк

Создайте компоненты и добавьте их в тему для настройки

4 лайка

В долгосрочной перспективе наша цель — обеспечить корректную работу всех наших официальных компонентов на Horizon. Если вам требуется кастомная разработка, пожалуйста, свяжитесь с @team, чтобы узнать, сможем ли мы вам помочь (возможно, потребуется платная кастомная работа).

2 лайка

Я хочу создать опцию, которую пользователи смогут выбирать для этой темы, чтобы добавить компонент темы, который будет её модифицировать. Пользователи должны иметь возможность выбрать тему Horizon в её текущем виде или её вариант.

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

Horizon выглядит действительно отлично, но всё ещё не решает проблему плотности информации на странице тем. Для пользователей, пришедших из другого традиционного программного обеспечения форумов, это визуально перегружает.

Мои комментарии могут быть непонятны пользователям Discourse, но я привожу взгляд со стороны. Мне необходимо внести эти изменения хотя бы для моего сообщества.

1 лайк

Я обнаружил здесь небольшую ошибку в отображении групп, где может происходить переполнение:

Это можно исправить, добавив CSS:

.group-box-inner {
	overflow: auto;
}
2 лайка

Это намеренно, что между навигационной панелью и контентом так много пространства?

2 лайка

Нет, я не думаю, что это нормально. Возможно, какой-то компонент этому мешает :thinking:?

Думаю, да, на мой взгляд, это обрезанный скриншот браузера в полноэкранном режиме на сверхшироком экране

3 лайка

Очень нравится эта тема, но, кажется, компонент Search Banner не очень хорошо с ней сочетается. Текст search_banner.subhead не отображается, из-за чего всё выглядит несбалансированно. Также видна тонкая серая линия

Обновление:
Я отключил Search Banner, и встроенный блок приветствия с поиском выглядит лучше. Однако у меня появляется этот текст подзаголовка на скриншоте ниже.

Кроме того, ссылка «Закладки» на главной странице говорит, что у меня пока нет закладок, хотя они есть. Она ведёт на /bookmarks вместо /u/johndoe/activity/bookmarks.

Это действительно широкоформатный экран. Однако большое количество пустого белого пространства отвлекает. Можно ли это исправить?

Спасибо, что сообщили нам об этом. Я попросил кого-то из команды дизайнеров посмотреть на эту проблему.

4 лайка

Сообщил об этом почти месяц назад, но…