Навигация по бренду

Brand Navigation — брендированное меню и ссылки в шапке

:information_source: Краткое описание Brand Navigation добавляет панель навигации в фирменном стиле с прямыми ссылками и выпадающими меню, а также добавляет необязательные текстовые и иконки-ссылки в шапку Discourse.
:eyeglasses: Превью Скриншоты и живые примеры
:hammer_and_wrench: Репозиторий CodeWorksLabs/brand-navigation
:question: Руководство по установке Как установить тему или компонент темы
:open_book: Впервые с темами Discourse? Руководство для начинающих по использованию тем Discourse

Установить этот компонент темы

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

Примеры

The Bridge: панель навигации над шапкой форума, с дополнительными ссылками рядом с элементами управления шапкой Discourse.

Repeal OBBBA Forum: красная панель навигации с меню сообщества и социальными ссылками в шапке Discourse.

Возможности

  • Фирменный стиль: отображайте название, логотип или то и другое, с отдельными логотипами для светлой и темной темы. Размещайте панель над или под шапкой Discourse.
  • Ссылки и меню: добавляйте прямые ссылки и один уровень подменю. Родительский элемент может вести на страницу с отдельной стрелкой меню или работать только как кнопка подменю. Элементы могут включать иконки и необязательные описания подменю.
  • Ссылки в шапке: размещайте социальные ссылки, ссылки на форум и внешние ссылки в основной шапке Discourse.
  • Управление аудиторией и устройствами: показывайте элементы всем, авторизованным посетителям или неавторизованным посетителям, и выбирайте видимость для десктопа или мобильных устройств.
  • Мобильные макеты: используйте компактное меню, полную панель или скрывайте компонент на мобильных устройствах.
  • Внешний вид и конфигурация: наследуйте цветовую палитру Discourse или устанавливайте цвета компонента, регулируйте размер текста и иконок ссылок в шапке, переставляйте элементы в структурированном редакторе, а также экспортируйте или импортируйте конфигурацию в формате JSON.

Начало работы

Установить Brand Navigation · Добавить ссылки, меню и цвета · Резервное копирование или перенос настроек

Статус

Release v1.0.0-rc.5 доступен как предварительная версия. Подробности смотрите в известных проблемах и журнале тестирования.

Обратная связь и поддержка

Вопросы, скриншоты и идеи по конфигурации приветствуются в этой теме. Для помощи с установкой, конфигурацией и устранением неполадок создайте тему в разделе Поддержка Brand Navigation на форуме CodeWorksLabs.

Сообщения об ошибках, проблемах совместимости и исправлениях документации можно также отправлять через GitHub Issues.

Дорожная карта и запросы функций

Следите за дорожной картой Brand Navigation, чтобы узнать о предлагаемых, запланированных, текущих и выполненных работах.

Есть идея по улучшению Brand Navigation? Поделитесь ею в разделе Запросы функций.

Brand Navigation самостоятельно поддерживается CodeWorksLabs и распространяется под лицензией GPL-2.0-or-later.

Благодарности

Благодарим авторов Discourse Brand Header, Discourse Header Submenus, Custom Header Links (icons) и Dropdown Header от Pavilion за идеи и примеры, которые повлияли на создание Brand Navigation. Полную информацию об авторстве и лицензии смотрите в разделах Авторство и лицензии и Журнал авторства и происхождения.

5 лайков

Выглядит потрясающе. С нетерпением жду, как всё это будет развиваться!

1 лайк

Спасибо за это. Есть пара дополнений, но в основном всё готово, ожидаем обратную связь от пользователей. С нетерпением жду, как это сработает для людей, особенно интересно, как импорт настроек работает для тех, кто переходит с одного из других компонентов.