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

Шаблоны проектов

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

Создание проекта на основе шаблона 

Чтобы использовать шаблон для нового проекта, выполните следующие действия:

  • Перейдите на страницу Проекты.
  • Нажмите «Создать проект».
    Кнопка «Создать проект» на странице «Проекты»
  • В мастере укажите имя проекта, выберите один из шаблонов и нажмите кнопку Далее.

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

Изменение стиля проекта

Каждый шаблон включает в себя:

  • CSS-файл
  • скрипт-файл
  • изображения, иконки, фоны

Список CSS-файлов проекта и средства управления ими находятся в разделе Стили на вкладке Домашняя страница в верхней панели режима «Дизайн». Если вы нажмете Открыть «.css» для редактирования, самый первый CSS-файл в списке CSS-файлов проекта откроется в новой вкладке. При необходимости открыть какой-то определенный CSS-файл можно использовать следующий элемент в верхней панели — Управление CSS-файлами проекта или нажать кнопку Текущий проект в верхней части страницы, а затем перейти в Настройки → ОбщиеОсновные настройки.

Давайте рассмотрим следующий пример, где нам нужно изменить, например, цвет заголовка. Сначала заголовок черного цвета:

Цвет фона заголовка по умолчанию
Итак, нам нужно одним из описанных способов открыть CSS-файл проекта и найти тег <h2>. Мы можем изменить стиль заголовка <h2>, установив для свойства цвет любой выбранный цвет (в нашем примере #00838F — светло-голубой) и сохранив изменения.
Новое значение свойства «цвет» в CSS-файле
Чтобы увидеть изменения стиля, нажмите кнопку Обновить стили в группе Стили в верхней панели — вы заметите, что цвет заголовка изменился на голубой.
Измененный цвет фона заголовка