Зефир. Нюансы работы с модулем
В этой статье описаны важные нюансы, которые стоит учитывать, начиная работу с модулем.
Важно
Модуль «Брендирование» поддерживает две версии интерфейса Битрикс24: необновленную, под названием «Legacy» (до версии модуля intranet 25.900.0) и обновленную, под названием «Зефир» (после обновления intranet 25.900.0). Так как в обновлении «Зефир» интерфейс Битрикс24 был значительно изменен, модуль «Брендирование» в этом интерфейсе также выглядит иначе, чем в «Legacy». В связи с этим работа с Брендированием для дизайна «Зефир» и «Legacy» описана в этой инструкции в разных статьях.
В этой статье описаны нюансы работы с Брендированием в дизайне «Зефир». Аналогичная статья для дизайна «Legacy» находится здесь.
Два способа работы с модулем
Изменить дизайн портала с помощью Брендирования можно двумя способами: настроить каждый элемент прямо в модуле или создать дизайн в Figma и загрузить его на портал. Рассмотрим, в каких ситуациях подойдет первый или второй способ.
Настройка стилей в модуле
В данном случае администратор должен настраивать каждый параметр (цвет, обводку и т.д.) по отдельности, переходя в нужные разделы модуля. Такой способ удобен, если на портале нужно внести минимальные изменения, например поменять цвет у виджета или кнопки.
Кроме того, есть элементы дизайна, которые можно задать только через модуль — загрузить их из Figma нельзя. К таким настройкам относятся:
-
Спрятать блок «Скачать приложения».
-
Спрятать блок «ПУЛЬС КОМПАНИИ».
-
Загружаемые элементы, такие как картинка фона, логотип и фавикон.
-
Все настройки блока «Контент».
-
Все настройки блока «Другое».
-
Некоторые настройки шапки портала.
Создание дизайна в Figma
Если в дизайне портала планируются глобальные изменения, то удобнее будет использовать графический редактор Figma. Этот сервис позволит оперативно визуализировать новое оформление портала. Чтобы создать свой дизайн воспользуйтесь интерактивным макетом, который подготовил Улей: [S] Брендирование Б24 / Конструктор "Zephir"
Интерфейс Figma дает больше возможностей для настройки цвета, позволяет мгновенно отслеживать изменения стилей, а также создавать копии макетов — это важно, если требуется несколько вариантов дизайна. Когда дизайн будет создан, его можно будет скачать из Figma и загрузить в модуль «Брендирование» — новые стили сразу же отобразятся на портале.
Как работать с шаблоном в Figma
Как загрузить файл из Figma на портал
При каких условиях виден дизайн портала
В дизайне «Зефир» модуль «Брендирование» поддерживается только для светлых тем портала. Светлыми темами являются, например «Светло-серый узор», «Цветная бумага», «Роса» и другие. Если одна из этих тем установлена у пользователя, он будет видеть то оформление портала, которое создано с помощью модуля.
Как установить тему портала для всех сотрудников
Светлыми являются все те темы, при включении которых шрифт на портале становится черным. Если шрифт белый — значит у пользователя включена темная тема. На темных темах стили Брендирования не выводятся.
Если пользователь установит себе одну из темных тем, то его оформление портала изменится в соответствии с этой темой. Настройки, созданные в модуле «Брендирование» в этом случае отображаться не будут. Это касается практически всех настроек: цвета, скругления элементов, отображения блоков.
Исключение составляют:
-
Настройки из раздела «Авторизация»
-
Загружаемые элементы, такие как фавикон и логотип
Такие элементы будут отображаться у всех пользователей независимо от их темы портала.
У пользователя включена светлая тема. Кастомный дизайн виден
У пользователя выключена темная тема. Кастомный дизайн не виден
Настройки виджетов
В модуле «Брендирование» предусмотрены общие и индивидуальные настройки виджетов. В данный момент общие настройки не применяются для виджетов, данный интерфейс находится в доработке. Стилизация виджетов доступна только с помощью индивидуальных настроек.
Цвет левого меню
Если для фона страницы задан какой-либо цвет, то в похожий оттенок будет автоматически покрашено и левое меню портала.
В дальнейшем цвет левого меню можно настроить отдельно в разделе «Шапка портала» > «Левое меню». Если для левого меню в Брендировании задан свой цвет, то в дальнейшем при смене цвета страницы левое меню не будет меняться.
Тема «Светло-серый узор»
Как было сказано выше, модуль «Брендирование» работает только со светлыми темами. Одной из таких тем является «Светло-серый узор». Важно обратить внимание, что у данной темы есть серый фоновый рисунок, который будет виден даже при изменении цвета фона.
Тема «Светло-серый узор» в своем стандартном цвете
Тема «Светло-серый узор» в кастомном цвете
Как вернуть стандартные настройки стилей
Изменения, созданные в модуле «Брендирование» в любой момент можно отменить. Для этого есть несколько способов.
- Отключить модуль. Перейдите в раздел «Настройки» и активируйте опцию «Выключить работу модуля». После этого портал вернется к тому виду, каким был до установки модуля. Загруженные элементы, например, фавикон и наборы иконок, также не будут отображаться. Чтобы вернуть дизайн портала, включите модуль.
- Сбросить все настройки. Перейдите в раздел «Настройки», нажмите кнопку «Сбросить» и подтвердите действие. Портал также вернется к тому виду, каким был до установки модуля. Загруженные элементы, например, фавикон и наборы иконок, будут стерты.
Предварительно текущие настройки стилей можно скачать с помощью кнопки «Экспортировать». Это позволит не потерять дизайн портала, если он понадобится в будущем.