Запросить демо

Вебинар о Лучших практиках единого источника · 25 июня 2024, 18:00 (МСК)

Зарегистрироваться
Запросить демо
Документерра: руководство пользователя

Расширенный брендинг с помощью CSS

Если стандартных настроек Интерфейса читателя недостаточно, можно использовать брендинг CSS. Чтобы узнать, какие CSS-файлы брендинга уже применяются на вашем портале документации, выберите Инструменты > Глобальные настройки...   и перейдите в раздел Брендинг > Интерфейс читателя . В этом разделе вы увидите две настройки:

  • Брендинг CSS.
    Данный параметр содержит путь к CSS-файлу брендинга, который будет применяться ко всем страницам, которые видят читатели, включая Домашнюю страницу, Страницу авторизации, Поиск и т.д. Если CSS-файл не указан, это означает, что используется интерфейс по умолчанию без какого-либо CSS-файла брендинга. Чтобы приступить к настройке брэндинга, щелкните по ссылке Создать новый файл , расположенной справа от поля редактирования.

По умолчанию каждый новый портал документации имеет файл Branding.css , доступный в Диспетчере файлов > Хранилище стилей, где хранится контент по умолчанию. Для доступа к Хранилищу стилей используйте Диспетчер файлов в главном меню. Файл Branding.css находится в корневой папке на вкладке Стили. Выделите его и нажмите кнопку Просмотр файла в нижней части диалогового окна. Редактор CSS-файлов откроется в новом окне браузера, в котором можно просматривать и изменять контент файла.

В файле Branding.css по умолчанию вы найдете ряд CSS-селекторов, которые демонстрируют, как работать с основными элементами пользовательского интерфейса. Атрибуты стиля специально сопровождаются комментариями; читайте комментарии к CSS-селекторам, чтобы понять, к какому элементу относится тот или иной селектор. Вы можете снять комментарии к некоторым атрибутам стиля, чтобы посмотреть, как они влияют на заголовок Домашней страницы (смотри примечание ниже). Это лишь примеры для проведения собственных экспериментов. Для достижения нужных результатов может потребоваться написание собственных CSS-правил. Подробнее о различных вариантах стилизации смотри в этой теме: Различия между Branding.css, стилями проекта и стилями Домашней страницы

  • Брендинг-скрипт.
    Это скрипт-файл, который будет загружаться для каждой страницы, доступной для читателя. Таким образом, если вы реализуете какую-либо расширенную функциональность с помощью JavaScript, вы можете вызвать этот скрипт-файл, выбрав нужный скрипт-файл в данной настройке. Для получения более подробной информации обратитесь к этому разделу:  Стили и скрипты проекта.
Примечание
Расширенные настройки брендинга применяются только к Интерфейсу читателя для анонимных пользователей и авторизованных читателей. Данные настройки не применяются к интерфейсу Автора. Для просмотра изменений в пользовательском интерфейсе во время изменения CSS-файла откройте Домашнюю страницу портала в другом браузере или в отдельном окне браузера в режиме Инкогнито / Приватном режиме, чтобы просматривать страницы как анонимный пользователь.