Настройка внешнего вида СЭО 3КL версии 3.9

Сергей Гусев
2024-09-23 14:00
В данной статье рассматривается внешний вид СЭО 3КL версии 3.9.х. С особенностями внешнего вида СЭО 3КL версии 4.1.х можно ознакомиться в статье «Настройка внешнего вида СЭО 3КL версии 4.1».
Внешний вид СЭО 3KL может быть изменен согласно вашим пожеланиям. Необходимые настройки оформления можно определить, ответив в разделе маршрута внедрения «Шаг 3. Настройка оформления» на вопросы теста «Бриф на стилизацию СЭО 3КL» или выбрав понравившийся готовый вариант из каталога преднастроенных профилей темы оформления.
Содержание:
1. Общая информация
2. Возможности самостоятельной настройки оформления
   2.1. Добавление/изменение логотипа
   2.2. Добавление/изменение текста в подвале страницы
   2.3. Изменение иконок в док-панели
3. Настройка оформления СЭО 3КL по брифу
4. Дополнительные сервисы по кастомизации оформления СЭО 3КL
   4.1. Настройка шаблона оформления для СЭО 3KL в стиле предоставленного макета или образца
   4.2. Адаптация внешнего вида СЭО 3KL под потребности Заказчика
   4.3. Разработка прототипа среды электронного обучения
   4.4. Работа с электронными материалами Заказчика (ассистент редактора)
   4.5. Разработка (в рамках сервиса «Расширенная техническая поддержка»)
5. Настройки темы оформления «СЭО 3КL»
   5.1. Профили темы оформления «СЭО 3КL»
   5.2. Страницы настроек профиля темы оформления
     5.2.1. Страница «Редактирование профиля»
     5.2.2. Страница «Привязки профиля»
     5.2.3. Страница «Общие настройки»
     5.2.4. Страница «Адаптивность»
     5.2.5. Страница «Шапка страницы»
       5.2.5.1. Отображение заголовка в док-панели
       5.2.5.2. Настройка пользовательского и персонального меню
     5.2.6. Страница «Подвал страницы»
       5.2.6.1. Области подвала
       5.2.6.2. Рекомендации по настройке содержимого подвала
     5.2.7. Страница «Цветовая схема»
       5.2.7.1. Настройка цвета текста, кнопок и иконок соцсетей в подвале страницы
       5.2.7.2. Настройка цвета заголовка страницы
       5.2.7.3. Настройка цвета кнопки выбора языка в док-панели
       5.2.7.4. Настройка свернутых блоков в док-панели
       5.2.7.5. Настройка цвета заголовков контентной области
       5.2.7.6. Настройка цвета текста и заднего плана контентной области
     5.2.8. Страница «Фоны основных областей»
       5.2.8.1. Ширина подвала относительно размера экрана
       5.2.8.2. Настройка фонов подвала страницы
       5.2.8.3. Настройка рамки подвала
       5.2.8.4. Настройка фонов док-панели, загрузка текстур
     5.2.9. Страница «Шрифты»
     5.2.10. Страница «Настройки регионов»
       5.2.10.1. Настройки сворачивания блоков в регионах
       5.2.10.2. Стандартные и кастомные регионы
       5.2.10.3. Раздел настроек «Главная страница»
     5.2.11. Страница «Безопасность»
     5.2.12. Страница «Страница авторизации»
        5.2.12.1. Дополнительные настройки страницы авторизации типа «Слайдер»
        5.2.12.2. Дополнительные настройки страницы авторизации типа «Боковая панель»
     5.2.13. Страница «Шаблоны электронной почты»
Функционал, описанный в данной статье, в полном объеме доступен в СЭО 3КL начиная с версии 3.9.15b.
Если вы используете более раннюю версию системы — обратитесь с заявкой на проведение обновления в службу технической поддержки ООО «Открытые технологии».

1. Общая информация

Фирменная тема оформления, входящая в продукт СЭО 3KL версии 3.Х.Х, позволяет гибко настроить внешний вид страниц системы согласно вашим предпочтениям, особенностям фирменного стиля учебного заведения или оформления корпоративного сайта (Рис. 1.1).

Рис. 1.1. Примеры настроек внешнего вида СЭО 3КL.

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

Выполнить настройку внешнего вида можно самостоятельно или при помощи специалистов технической поддержки ООО «Открытые технологии».

-Вернуться к содержанию-

2. Возможности самостоятельной настройки оформления

Самостоятельная настройка внешнего вида требует наличия у пользователя определенных знаний о системе и прав диспетчера-администратора. Справочный материал о СЭО 3КL доступен в клиентской базе знаний и в разделе «Консультационные вебинары для клиентов» учебного портала.

Кастомизация внешнего вида выполняется путем изменения/выбора нужных параметров, добавления текстов и файлов изображений (логотипа, фона подложки и т. п.) в соответствующих разделах настроек активного (выбранного по умолчанию) профиля темы оформления «СЭО 3КL»: блок Настройки->Администрирование->Внешний вид->Темы->СЭО 3КL->Активный профиль-> (Рис. 2.1).

Рис. 2.1. Активный «Рабочий профиль» и его настройки в перечне профилей темы оформления «СЭО 3КL».

Рассмотрим некоторые возможности настройки внешнего вида системы.

-Вернуться к содержанию-

2.1. Добавление/изменение логотипа

Логотип вашей организации может быть размещен в левой части шапки страницы (Рис. 2.1.1).

Рис. 2.1.1. Расположение логотипа в шапке страницы.

Файл изображения логотипа должен иметь название logo_top и формат:

  • .jpg/jpeg;
  • .png (с прозрачным фоном);
  • .svg (векторное изображение).
Величина отображаемого на экране логотипа напрямую зависит от размера изображения в пикселах.

Подготовленный файл изображения логотипа необходимо загрузить с помощью файлового менеджера в разделе «Логотип» страницы «Шапка страницы» активного профиля темы оформления «СЭО 3КL» (блок Настройки->Администрирование->Внешний вид->Темы->СЭО 3КL->Активный профиль->Шапка страницы) (поз. 1 Рис 2.1.2).

Рис. 2.1.2. Пример загруженного файла logo_top.svg в активный профиль СЭО 3КL «Рабочий профиль».
Подробнее о файлах в СЭО 3КL и инструментах для работы с ними в статье «Работа с файлами в СЭО 3КL. Файловый контент».

В этом же разделе настроек можно «отцентровать» положение логотипа в шапке, задав (в пикселах) значения отступов сверху/справа/снизу/слева (см. поз. 2 Рис 2.1.2).

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

При подготовке логотопа для сайта следует учитывать некоторые рекомендации:

  • желательно использовать логотип горизонтальной направленности, так как при его отображении в шапке сайта будут хорошо видны и читамемы все элементы;
  • в качестве форматов для логотипа желательно использовать форматы jpeg, png, gif. Использование формата svg рекомендуется только продвинутым пользователям, так как изображение такого формата может отличаться в разных браузерах;
  • необходимо учитывать вес файла логотипа, так как при отображении на сайте логотип только внешне масштабируется по ширине до 420 px. Размер исходного файла в байтах остаётся прежним, что может увеличить нагрузку на пользователя при загрузке страницы;
  • отступы со всех сторон логотипа (сверху, справа, снизу, слева) можно настраивать. Не рекомендуется делать большие отступы сверху и снизу, так как это может увеличить высоту шапки в мобильном устройстве;
  • дополнительную текстовую область рекомендуется использовать только в случае крайней необходимости. Если она используется, желательно добавить только 1-2 строки текста;
  • использование логотипа в шапке необязательно. При отсутствии логотипа на его место сместится описательный текст шапки.
Следует помнить, что в теме оформления «СЭО 3КL» может быть настроено несколько профилей оформления, каждый из которых содержит свой набор настроек. Если, в процессе работы с системой, вы используете несколько профилей - логотип должен быть загружен не только в активный профиль (см. Рис. 2.1), но и во все используемые.
Подробная информация о настройке шапки страницы в вебинаре «Особенности отображения и возможности настройки внешнего вида шапки сайта».

-Вернуться к содержанию-

2.2. Добавление/изменение текста в подвале страницы

Нижняя часть страницы (подвал) содержит область для размещения произвольного текста, например: ссылок на важные и популярные ресурсы, названия портала электронного обучения, организационной информации и т. п. (Рис. 2.2.1).

Рис. 2.2.1. Текстовая область в подвале страницы.

Подготовленный текст необходимо разместить в окне редактора раздела «Текст в подвале» страницы «Подвал страницы» активного профиля темы оформления «СЭО 3КL» (блок Настройки->Администрирование->Внешний вид->Темы->СЭО 3КL->Активный профиль->Подвал страницы) (Рис 2.2.2).

Рис. 2.2.2. Раздел «Текст в подвале» страницы настроек «Подвал страницы».

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

Подробнее о работе со встроенным редактором и возможностях форматирования добавляемого текста в статье «Руководство по работе с редактором «Atto».
Подробная информация о настройке подвала страницы в вебинаре «Особенности отображения и настройки внешнего вида подвала СДО».

-Вернуться к содержанию-

2.3. Изменение иконок в док-панели

Для отображения свернутых в док-панель блоков (Рис. 2.3.1) в СЭО 3КL предусмотрено несколько предустановленных наборов иконок.

Рис. 2.3.1. Иконки блоков в док-панели.

Чтобы сменить ранее выбранные (предустановленные) иконки, необходимо, на странице «Общие настройки» активного профиля, из выпадающего списка поля «Используемый набор иконок» выбрать другой набор (Рис. 2.3.2).

Рис. 2.3.2. Выбор набора иконок «Стальное на сером».

Выбор нового набора необходимо подтвердить, нажав кнопку «Сохранить изменения».

Отображаемые в док-панели иконки будут изменены (Рис. 2.3.3).

Рис. 2.3.3. Новые иконки в док-панели.
Дополнительная информация о настройке док-панели в вебинаре «Настройки внешнего вида Док-панели и блока Слайдер».

-Вернуться к содержанию-

3. Настройка оформления СЭО 3КL по брифу

Самостоятельное выполнение полного объема работ по кастомизации оформления СЭО 3КL может оказаться непростым для неподготовленного диспетчера-администратора. Поэтому, существует возможность создать заявку на настройку базового шаблона оформления системы силами сотрудников технической поддержки. К заявке должна быть приложена вся необходимая информация (бриф) о желаемом внешнем виде системы.

В рамках гарантийной техподдержки сервис «Настройка стиля оформления СЭО 3КL по заполненному брифу» выполняется технической поддержкой ООО «Открытые технологии» бесплатно (включен в тариф).
Пример брифа в виде pdf-файла.

Алгоритм действий при настройке оформления по заявке:

1) Выберите удовлетворяющий вас готовый вариант из каталога преднастроенных профилей темы оформления или заполните в Маршруте внедрения анкету-тест «Бриф на стилизацию СЭО 3КL». Для этого:

2) Оформите заявку на клиентском портале в категории «Гарантийная техподдержка/Бриф на стилизацию СЭО» (Рис. 3.1).

Рис. 3.1. Форма заявки на настройку базового шаблона оформления.

3) После завершения сотрудниками технической поддержки стилизации и настройки шаблона оформления в вашей системе, проведите окончательную приемку выполненных работ.

При выполнении заявок категории «Гарантийная техподдержка/Бриф на стилизацию СЭО», специалисты технической поддержки руководствуются информацией предоставленной Заказчиком в брифе на стилизацию СЭО 3КL и правилами п. 16 действующего Регламента предоставления сервисов ООО «Открытые технологии».
Обратите внимание: настройка базового шаблона оформления в рамках гарантийной технической поддержки выполняется для одной Инсталляции продукта, по одному брифу и допускает не более двух последующих бесплатных корректировок.
Дополнительная информация в вебинаре «Бриф по настройке внешнего вида СЭО 3KL».

-Вернуться к содержанию-

4. Дополнительные сервисы по кастомизации оформления СЭО 3КL

Выполнение более глубокой кастомизации внешнего вида СЭО 3КL (например, редактирование графических материалов, программирование, правка исполняемых файлов и т. п.) требует от исполнителя наличия специфических знаний и затрат времени. В случае, когда Заказчик не располагает достаточными временными ресурсами, компетенциями или специалистами, ООО «Открытые технологии» предлагает дополнительные сервисы по дизайну и брендированию системы.

Дополнительный сервис может быть предоставлен в рамках:

  • тарифного плана;
  • расширенной технической поддержки;
  • отдельного договора на сервис.
Инициация необходимого сервиса осуществляется путем подачи представителем Заказчика через личный кабинет клиента соответствующей заявки, если такая возможность предусмотрена договором, и/или на балансе Заказчика достаточно средств для выполнения сервиса.

4.1. Настройка шаблона оформления для СЭО 3KL в стиле предоставленного макета или образца

Исходный материал*: макет или ссылка на сайт-образец.
Результат сервиса: настроенный профиль оформления в шаблоне СЭО 3KL.
_______________________________
* - предоставляется Заказчиком.

В рамках данного сервиса специалисты технической поддержки выполнят настройку индивидуального профиля темы оформления для СЭО 3KL на основании исходного материала, предоставленного Заказчиком: графического макета (со всеми необходимыми файлами изображений, логотипов и т. п.) или ссылки на сайт-образец. Дизайнер максимально приблизит внешний вид системы к предоставленному образцу, используя настройки и доступные опции темы оформления через веб-интерфейс (без непосредственной правки кода и внесения изменений в HTML, CSS и PHP).

Примененный в системе шаблон оформления не повлияет на структуру и содержимое, компоновку и поведение главной страницы, курсов и других элементов системы, а только изменит их графическое оформление в предусмотренных архитектурой СЭО 3KL пределах («шапка» сайта, «подвал» сайта, цвета и подложки элементов сайта, шрифты и т. п.).

Суммарная трудоемкость сервиса 20 нормо-часов.
С подробным описанием, условиями и маршрутом предоставления сервиса можно ознакомиться в п. 17 действующего Регламента предоставления сервисов ООО «Открытые технологии».

-Вернуться к содержанию-

4.2. Адаптация внешнего вида СЭО 3KL под потребности Заказчика

Исходный материал*: брендбук, логотипы, образцы фирменного стиля, пожелания по внешнему виду.
Результат сервиса: настроенный профиль оформления в шаблоне СЭО 3KL.
_______________________________
* - предоставляется Заказчиком.

Сервис позволяет сформировать внешний вид системы, используя настройки индивидуального профиля шаблона оформления, дизайн которого выполнен на основе брендбука, образца фирменного стиля или адаптации мокапов Заказчика под особенности архитектуры СЭО 3KL.

В рамках сервиса доступны опции:

  • разработка индивидуального дизайна оформления и логотипа;
  • предоставление нескольких альтернативных макетов дизайна;
  • внесение и редактирование контента, размещение, перемещение и настройка блоков на страницах СЭО 3KL;
  • разработка динамических элементов интерфейса (интерактивные меню, модифицированные окна авторизации, модифицированные витрины курсов и т. п.);
  • участие специалистов Исполнителя в совещаниях с представителями Заказчика по телефону, Skype и конференц-связи.
Суммарная трудоемкость сервиса 32 нормо-часа, Заказчику доступна «прямая связь» с дизайнером.
С подробным описанием, условиями и маршрутом предоставления сервиса можно ознакомиться в п. 18 действующего Регламента предоставления сервисов ООО «Открытые технологии».

-Вернуться к содержанию-

4.3. Разработка прототипа среды электронного обучения

Исходный материал*: пожелания по структуре и внешнему виду; заполненный бриф; учебные материалы для курса; материалы для оформления курсов, направлений, категорий и витрины.
Результат сервиса: настроенная система с полноценным курсом.
_______________________________
* - предоставляется Заказчиком.

Данный сервис предназначен для создания рабочего прототипа системы дистанционного обучения, учитывающего пожелания Заказчика по внешнему оформлению и структуре, и включающего один курс, предназначенный для демонстрации возможностей СЭО 3KL.

В процессе разработки прототипа выполняется:

  • настройка внешнего вида среды дистанционного обучения с использованием функционала базового
    шаблона оформления (размещение логотипа, изменение цветовой схемы и ряда элементов шаблона оформления и т. п.);
  • формирование структуры среды дистанционного обучения: создание направлений и категорий;
    наполнение витрины пустыми курсами (не более десяти);
Содержание каждого курса ограничивается названием, принадлежностью к категории и изображением,
  • создание, наполнение и оформление одного курса по предоставленным материалам Заказчика.

Курс создается с учетом следующих ограничений:

• до 10 тематических секций;
• 1÷4 теста, суммарно содержащих не более 30-ти вопросов;
• до 6 заданий;
• 1÷2 материала типа «Лекция», суммарно содержащих не более 10 слайдов;
• 1 глоссарий, содержащий до 10 терминов;
• загрузка до 6 видео- или аудио-роликов;
• загрузка до 6 pdf-файлов или файлов иных форматов;
• подготовка по одному изображению для каждой секции в описательную часть;
• до 3-х элементов «Логика курса»;
• до 4-х тестовых пользователей (2 учителя + 2 слушателя).

Суммарная трудоемкость сервиса 10 нормо-часов.
С подробным описанием, условиями и маршрутом предоставления сервиса можно ознакомиться в п. 22 действующего Регламента предоставления сервисов ООО «Открытые технологии».

-Вернуться к содержанию-

4.4. Работа с электронными материалами Заказчика (ассистент редактора)

Исходный материал*: заявка с материалами и данными.
Результат сервиса: зависит от пожеланий, указанных в заявке, чаще всего — электронный курс.
_______________________________
* - предоставляется Заказчиком.

В рамках данного сервиса, специалисты ООО «Открытые технологии» помогут Заказчику с  наполнением, редактированием, подготовкой курсов и материалов курсов:

  • наберут/отредактируют любые тексты, в том числе уже размещенные в курсах;
  • переведут отдельные тексты или целый курс более чем на 50 языков;
  • разместят учебные материалы Заказчика в СЭО 3KL;
  • переведут тесты и задания Заказчика в формат СЭО 3KL;
  • исправят форматирование текста, правильно оформят цитаты, ссылки, сноски;
  • обработают изображения (цветовая коррекция, ретушь, нанесение дополнительных специальных обозначений и символов);
  • выполнят сканирование/распознавание/корректировку печатного текста;
  • подготовят материалы к публикации;
  • проверят задания по предоставленному Заказчиком образцу.
Суммарная трудоемкость сервиса рассчитывается по фактически затраченному времени ассистентов.
С подробным описанием, условиями и маршрутом предоставления сервиса можно ознакомиться в п. 14 действующего Регламента предоставления сервисов ООО «Открытые технологии».

-Вернуться к содержанию-

4.5. Разработка (в рамках сервиса «Расширенная техническая поддержка»)

Исходный материал*: заявка с  исходными данными и материалами.
Результат сервиса: зависит от пожеланий, указанных в заявке.
_______________________________
* - предоставляется Заказчиком.

В рамках сервиса «Расширенная техническая поддержка» силами инженеров ООО «Открытые технологии» могут быть выполнены доработки СЭО 3KL, выходящие за рамки базовых тарифов с фиксированной абонентской платой. Например:

  • модификация системы и модуля «Электронный деканат»;
  • интеграция с корпоративными СУБД;
  • изменение функционала;
  • разработка модулей;
  • техническая поддержка сторонних модулей, не входящих в базовую поставку;
  • нестандартное конфигурирование системы (организация кластера, горячее резервирование и т. п.).
Суммарная трудоемкость сервиса рассчитывается по фактически затраченному времени инженеров.
С подробным описанием, условиями и маршрутом предоставления сервиса можно ознакомиться в п. 13 действующего Регламента предоставления сервисов ООО «Открытые технологии».

-Вернуться к содержанию-

5. Настройки темы оформления «СЭО 3КL»

 -Вернуться к содержанию-

5.1. Профили темы оформления «СЭО 3КL»

Все доступные пользователю параметры, отвечающие за внешний вид системы, сгруппированы на страницах профиля темы оформления (поз. 1 Рис. 5.1.1). СЭО 3КL поддерживает возможность создания и настройки бесконечного количества профилей темы оформления. При этом, каждый профиль оформления будет содержать свой, уникальный набор настроек, а переключение между профилями темы оформления позволяет, при необходимости, оперативно изменять внешнй вид СЭО 3КL (разные цветовые схемы, в зависимости от сезона; региональные различия корпоративного стиля и т.п.). Такое переключение может быть настроено и применяться не только для системы в целом, но и для определенного курса, страницы, языка или пользователя (привязка профиля).

Рис. 5.1.1.  Перечень  профилей темы оформления «СЭО 3КL». Страницы настроек профиля «Курс рисования».

На странице «Профили тем» (Настройки->Администрирование->Внешний вид->Темы->СЭО 3КL->Профили тем), в виде плашек,  отображаются уже существующие в системе профили (Рис. 5.1.2).

Рис. 5.1.2. Страница «Профили тем».

Здесь пользователю доступны следующие действия над профилями и переходы на страницы:

  • Кнопка «Создание профиля» (см. поз. 1 Рис. 5.1.2). Нажав на эту кнопку пользователь перейдет на страницу создания нового профиля (Рис. 5.1.3).

Рис. 5.1.3. Страница создания нового профиля темы оформления «СЭО 3КL».

Чтобы создать новый профиль, необходимо заполнить поля «Название», «Код» (краткое, уникальное название профиля), «Описание» (при необходимости) и нажать кнопку «Сохранить».

  • Кнопка «Экспорт настроек профиля» (см. поз. 2 Рис. 5.1.2). Нажав эту кнопку на плашке произвольного профиля, пользователь имеет возможность сохранить на своем компьютере настройки этого профиля в виде архивного файла.
Дополнительная информация о выгрузке/загрузке файлов из/в СЭО 3КL в статье «Работа с файлами в СЭО 3КL. Файловый контент».
  • Кнопка «Импорт настроек профиля» (см. поз. 3 Рис. 5.1.2). Позволяет загрузить в выбранный профиль ранее выгруженные настройки.

На открывшейся странице, в интерфейсе файлового менеджера, пользователь указывает файл настроек и загружает его в профиль (Рис. 5.1.4).

Рис. 5.1.4. Пример интерфейса страницы импорта настроек профиля с выбранным файлом настроек.
  • Кнопка «Редактирование профиля» (см. поз. 4 Рис. 5.1.2). На странице редактирования профиля пользователь может изменить название/описание профиля и назначить его активным.
  • Кнопка «Удаление профиля» (см. поз. 5 Рис. 5.1.2). Позволяет удалить ненужный или ошибочно созданный профиль.
  • Кнопка «Привязки профиля» (см. поз. 6 Рис. 5.1.2). Переход на страницу управления привязками профиля.

-Вернуться к содержанию-

5.2. Страницы настроек профиля темы оформления

Страницы настроек профилей темы оформления расположены по следующему пути: Администрирование->Внешний вид->Темы->СЭО 3KL->Нужный профиль

-Вернуться к содержанию-

5.2.1. Страница «Редактирование профиля»

На странице редактирования (Рис. 5.2.1.а) пользователь, при необходимости, может скоректировать название профиля, его описание, а так же сделать этот профиль активным в системе (назначить профилем по умолчанию): для этого в выпадающем списке поля «Профиль по умолчанию» необходимо выбрать «Да».

Рис. 5.2.1.а. Страница редактирования профиля «Курс рисования».

В перечне профилей темы оформления «СЭО 3КL» профиль, установленный по умолчанию, будет отмечен символом (Рис. 5.2.1.б).

Рис. 5.2.1.б. В теме оформления «СЭО 3КL» установлен по умолчанию профиль «Курс рисования».
Обратите внимание: стандартный профиль темы оформления содержит «заводские» настройки и его редактирование невозможно. Для того, чтобы снова установить его по умолчанию, необходимо перейти на страницу редактирования того профиля темы оформления, который в данный момент является активным, и, в поле «Профиль по умолчанию», установить «Нет».

-Вернуться к содержанию-

5.2.2. Страница «Привязки профиля»

Функционал страницы позволяет настроить применение выбранного профиля (независимо от того, какой профиль темы оформления установлен по умолчанию) к определенному курсу, странице, языку или пользователю системы.

На странице «Привязки профиля» (Рис. 5.2.2.а) отображаются:

Рис. 5.2.2.а. Пример страницы «Привязки профиля» для профиля темы «Курс рисования».
  •  Перечень ранее созданных привязок профиля (см. поз. 3 Рис. 5.2.2.а). Для каждой привязки будет указан тип профиля, описание (генерируется системой), информация об объекте привязки (в зависимости от типа, это могут быть названия курсов, адрес страницы, выбранный язык, фио пользователей) и кнопка удаления.
  • Кнопка «Назначить профиль» (см. поз.2 Рис. 5.2.2.а). Позволяет создать новую привязку для профиля.

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

  • Кнопка «Панель управления профилями темы» (см. поз. 1 Рис. 5.2.2.а). Нажав на нее, пользователь может перейти на страницу «Профили темы».

 Алгоритм создания привязки профиля темы оформления:

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

-Вернуться к содержанию-

5.2.3. Страница «Общие настройки»

Страница «Общие настройки» включает в себя настройки профиля общего характера (Рис. 5.2.3.а).

Рис. 5.2.3.а. Страница «Общие настройки».

Из наиболее востребованных, можно выделить:

  • Пользовательская настройка css темы (Рис. 5.2.3.б). Позволяет выполнить дополнительную стилизацию внешнего вида при помощи кастомных css-стилей, которые добавляются в окне поля.

Рис. 5.2.3.б. Поле «Пользовательская настройка css темы» страницы «Общие настройки».
  • Настройки док-панели (Рис. 5.2.3.в). Параметры определяют алгоритм отображения и внешний вид иконок в док-панели.

Рис. 5.2.3.в. Настройки, относящиеся к элементам в док-панели.
  • В пункте «‎Отображение выбора языка» доступны следующие значения:

 - В док-панели (Рис. 5.2.3.г).

Рис. 5.2.3.г. Расположение кнопки выбора языка в док-панели.

 - В персональном меню (Рис. 5.2.3.д).

Рис. 5.2.3.д. Расположение кнопки выбора языка в персональном меню.

 - В персональном меню в виде панели (Рис. 5.2.3.е).

Рис. 5.2.3.е.  Расположение кнопки выбора языка в персональном меню в виде панели.
Обратите внимание: начиная с версии 4.1.2b кнопка выбора языка перенесена в «Панель первичной навигации». Выбрать способ отображения кнопки выбора языка можно по следующему пути: Администрирование -> Внешний вид -> Нужный профиль -> Навигация.
  • В пункте «Заголовки элементов док-панели» доступны следующие значения:

 - Текст - блоки отображаются в виде текста (Рис. 5.2.3.ж).

Рис. 5.2.3.ж. Свернутые блоки в док-панели в виде текста.

- Иконки - блоки отображаются в виде иконок (Рис. 5.2.3.з).

Рис. 5.2.3.з. Свернутые блоки в док-панели в виде иконок.

- Зависит от размера док-панели - вид блоков адаптируется под размеры экрана: на больших экранах отображаются в виде текста (Рис. 5.2.3.и), на маленьких экранах в виде иконок.

Рис. 5.2.3.и. Пример отображения свернутых блоков в док-панели на маленьком экране.

- И иконки, и текст - одновременно отображаются и иконки (слева), и текст (справа) (Рис. 5.2.3.к).

Рис. 5.2.3.к. Свернутые блоки в док-панели в виде иконок и текста.

- И иконки, и текст, пока хватает места -  вид блоков адаптируется под размеры экрана: на больших экранах отображаются и иконки, и текст (см. Рис. 5.2.3.к), а на маленьких экранах отображаются только иконки (см. Рис. 5.2.3.и).

  • Режим фиксированной ширины (Рис. 5.2.3.л). Настройка позволяет зафиксировать ширину контентной области страниц сайта на значении 1200 пикселов.

Рис. 5.2.3.л. Настройка «Режим фиксированной ширины».
  • Отправка орфографической ошибки в тексте (Рис. 5.2.3.м). Позволяет включить/отключить возможность отправки сообщения о найденной в тексте орфографической ошибке администратору.

Рис. 5.2.3.м. Настройка «Отправка орфографической ошибки в тексте».
  • Модальное окно авторизации. Настройка позволяет включить/отключить модальное окно, которое появляется, когда пользователь нажимает кнопку «Вход» в шапке страницы (Рис. 5.2.3.н). Модальное окно упрощает работу пользователя с системой, при его использовании пользователь не делает лишних переходов на страницу авторизации и обратно.

Рис. 5.2.3.н. Модальное окно авторизации.

-Вернуться к содержанию-

5.2.4. Страница «Адаптивность»

Параметры, расположенные на странице (Рис. 5.2.4.а), позволяют дополнительно настроить отображение таблиц системы.

Рис. 5.2.4.а. Внешний вид страницы «Адаптивность».
  • Адаптивные таблицы (Отключено/Включено). Если выбрано значение «Включено», для больших таблиц в системе (размер которых превышает размер занимаемой на странице области) добавляются полосы вертикальной и горизонтальной прокрутки (Рис. 5.2.4.б).

Рис. 5.2.4.б.  Пример таблицы «Сводная ведомость итоговых оценок» Панели управления СЭО 3КL с вертикальной и горизонтальной прокруткой.
Не ко всем таблицам системы может быть применен режим адаптивности. Некоторые  отчеты уже по умолчанию снабжены полосами прокрутки, фиксированными шапкой и первым столбцом. Изменение параметра «Адаптивные таблицы» никак не повлияет на внешний вид таких таблиц.

Вертикальный текст в шапке отчета по оценкам. Возможные настройки:

-Вернуться к содержанию-

5.2.5. Страница «Шапка страницы»

Шапка сайта – это верхняя часть страницы СЭО 3KL, включающая в себя логотип, описательный текст, а также пользовательское и персональное меню. Основные настройки шапки страницы расположены по следующему пути: Администрирование->Внешний вид->Темы->СЭО 3KL->Нужный профиль->Шапка страницы (Рис. 5.2.5.а).

Рис. 5.2.5.а. Страница «Шапка страницы».

Шапка по-разному отображается на различных устройствах. По умолчанию шаблон профиля подстроен под типовой современный монитор с разрешением экрана Full HD, то есть 1920 px по ширине. Однако шапка страницы ограничена по ширине до 1720 px, так как слева и справа от неё добавлены отступы по 100 px.
Для того, чтобы растянуть оформление шапки на всю ширину экрана, существует настройка боковых фонов шапки, находящаяся по пути: Администрирование->Внешний вид->Темы->СЭО 3KL->Нужный профиль->Фоны основных областей (см. п.5.2.8. Страница «Фоны основных областей»).

Для установки такой настройки необходимо поставить галочку «Ширина без ограничений» в подразделе «Шапка» (Рис. 5.2.5.б).

Рис. 5.2.5.б. Опция «Ширина без ограничений».

Для всех элементов СЭО 3KL настроена адаптивность, это значит, что при уменьшении ширины экрана элементы оформления также изменяют свой размер. При уменьшении ширины экрана до 768 px и меньше шапка адаптируется под отображение на мобильных устройствах. А именно, происходит центрирование логотипа, описательного текста и пользовательского меню, персональное меню скрывается в сэндвич-панель и становится частью пользовательского меню (Рис. 5.2.5.в).

Рис. 5.2.5.в. Персональное меню сайта, скрытое в сэндвич-панели.

При разработке шапки для сайта следует учитывать некоторые рекомендации:

  • в первую очередь следует учитывать размер и форму логотипа, объём описательного текста, размер персонального меню;
  • в персональное меню рекомендуется добавлять не более 3-5 ссылок, так как использование большего количества будет загромождать экран на мобильном устройстве;
  • описательный текст к логотипу должен быть небольшого размера, чтобы не занимать слишком много места на экране;
  • при использовании текстур следует помнить про возможность заполнения всей ширины экрана с использованием раздела настроек «Фоны основных областей»;
  • высота шапки регулируется с помощью отступов над и под логотипом или описательным текстом.

-Вернуться к содержанию-

5.2.5.1. Отображение заголовка в док-панели

Для того, чтобы отобразить заголовок в док-панели, необходимо перейти в «‎Администрирование»->«Внешний вид»->«‎Темы»->«‎СЭО 3KL»->Нужный профиль->«‎Шапка страницы». В пункте настроек «‎Отобразить заголовок страницы в док-панели» выбрать значение «Да» (Рис. 5.2.5.1а).

Рис. 5.2.5.1а. Включение отображения заголовка в док-панели.

-Вернуться к содержанию-

5.2.5.2. Настройка пользовательского и персонального меню

Пользовательское меню – это меню, расположенное в верхней части страницы, которое открывается после авторизации пользователя в системе и содержит инструменты для работы с персональной информацией. Пользовательское меню имеет фиксированное расположение, оно находится в шапке страницы (Рис. 5.2.5.2.а).

Рис. 5.2.5.2.а. Пользовательское меню.

В разделе настроек Цветовая схема (см. п.5.2.7. Страница «Цветовая схема») можно настроить цветовую схему пользовательского меню.

Основные параметры пользовательского меню определяются в настройках шапки страницы (см. Рис. 5.2.5.а). Среди данных настроек есть возможность скрыть или показать ряд функциональных кнопок, среди которых «Портфолио достижений», «Витрина курсов», «Поиск по порталу», а также блок нотификации – уведомления и сообщения.

Персональное меню – это меню, расположенное в верхней части страницы и содержащее элементы, которые владелец системы может персонализировать (Рис. 5.2.5.2.б).

Рис. 5.2.5.2.б. Персональное меню.

Персональное меню, так же, как и пользовательское, настраивается в разделе «Шапка страницы» (см. Рис. 5.2.5.а). Для персонального меню можно выбрать один из девяти вариантов его позиционирования (Рис. 5.2.5.2.в): над шапкой слева, над шапкой справа, над логотипом, над пользовательским меню, под логотипом, под пользовательским меню, под шапкой слева, под шапкой справа, индивидуальное расположение для нестандартного профиля.

Рис. 5.2.5.2.в. Варианты расположения персонального меню.

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

Обратите внимание, что содержимое персонального меню одинаково для всех профилей тем СЭО 3KL и настраивается на странице Администрирование->Внешний вид->Темы->Настройки тем->раздел «Настраиваемые элементы меню»..

-Вернуться к содержанию-

5.2.6. Страница «Подвал страницы»

Перейти к настройкам содержимого подвала можно по следующему пути: «Администрирование»‎->«Внешний вид»->«‎Темы»->«‎СЭО 3KL»->Нужный профиль->«‎Подвал страницы».

Дополнительная информация  о настройках содержимого областей подвала можно узнать в статье «‎Изменение стандартных настроек и текстов, отображаемых пользователям в теме «СЭО 3KL‎»  в пункте «‎Настройки подвала страницы. Изменение стандартного текста»

-Вернуться к содержанию-

5.2.6.1. Области подвала

Подвал можно разделить на три области: левая (поз. 1. Рис. 5.2.6.1.a), центральная (поз. 2. Рис. 5.2.6.1.a) и правая (поз. 3. Рис. 5.2.6.1.a).

Рис. 5.2.6.1.a. Области подвала страницы 

В левой части (см. поз. 1. Рис. 5.2.6.1.a) может располагаться логотип, под которым находится дополнительная текстовая область, куда с помощью визуального редактора возможно загрузить текстовый блок и задать ему то или иное форматирование. Также в этой области могут располагаться кнопки социальных сетей.

Центральная область (см. поз. 2. Рис. 5.2.6.1.a) также позволяет с помощью визуального редактора добавить текстовую область и ссылки. Обычно используется для вспомогательного меню и перехода на различные ресурсы: как внешние, так и в рамках СЭО.

В правую область (см. поз. 3. Рис. 5.2.6.1.a) включены: блок авторизации, ссылка на сброс тура по системе, редактируемая текстовая область.

-Вернуться к содержанию-

5.2.6.2. Рекомендации по настройке содержимого подвала

1) В пункте настроек «‎Размер логотипа» (поз 3. Рис. 5.2.6.2.а) можно установить ширину левой области, а также определить отступ до центральной области, изменяя при этом размер логотипа. Это значит, что логотип, загруженный в подвал, не имеет заданных размеров, а изменяется в зависимости от размеров экрана, занимая при этом некоторую область страницы в процентах. 

При небольших размерах логотипа относительно страницы, текст и ссылки на социальные сети, помещенные в левую область подвала, будут переноситься на другую строку из-за нехватки места в этой области, поэтому не рекомендуется одновременно помещать туда и логотип, и вспомогательный текст, либо, помещая в эту область изображение с логотипом, сделать его шире, чем размер логотипа. Например, подготовить изображение шириной 300 px, а поместить туда логотип шириной 150 px. В этом случае не стоит забывать, что при изменении размера экрана до 768 px и меньше содержимое подвала выстраивается по вертикали и центрируется, поэтому ни выравнивание по левому краю, ни выравнивание логотипа по центру внутри картинки не будет смотреться выгодно.

Рис. 5.2.6.2.а. Некоторые настройки подвала страницы.

2) Такие блоки, как социальные сети, блок авторизации, блок «‎На базе СЭО 3KL» являются нередактируемыми, поэтому не рекомендуется использовать выравнение по центру или по правому краю для редактируемых блоков.

3) При добавлении текста описания к логотипу, если выполнена заливка подвала одним цветом, система может автоматически настроить цвет этого текста, однако эта функция не работает при использовании текстуры и в таком случае рекомендуется настроить цвет текста в разделе настроек профиля темы оформления «‎Цветовая схема».

4) При необходимости добавить изображение в правую область подвала, можно воспользоваться пунктом «‎Текст копирайта» (поз. 2. Рис. 5.2.6.2.б).

Рис. 5.2.6.2.б. Настройки текста в центральной области подвала и настройки текста копирайта в правой области подвала.

5) Редактор, доступный в пункте настроек «‎Текст копирайта» не позволяет загрузить изображение напрямую в систему, он позволяет добавить только лишь ссылку. Можно загрузить изображение на какой-либо сторонний сервер и добавить ссылку, либо можно воспользоваться загрузкой файлов в публичную зону по следующему пути: «Администрирование»‎ -> «Внешний вид» -> «‎Темы» -> «‎СЭО 3KL» -> Нужный профиль -> «‎Общие настройки».

Загрузка файлов происходит в пункте «‎Добавить файлы в публичную зону». При необходимости Вы можете создать папку и загрузить в неё изображение (Рис. 5.2.6.2в). 

Рис. 5.2.6.2.в. Создание папки и добавление в неё файла.

Далее необходимо:

  1. сохранить изменения;
  2. перейти к списку файлов, который находится сразу под окном добавления файлов в пункте «‎Добавить файлы в публичную зону»;
  3. найти нужный файл;
  4. нажать на него правой кнопкой мыши и копировать адрес ссылки (Рис. 5.2.6.2.г).

Рис. 5.2.6.2.г. Получение ссылки загруженного файла.

Вернувшись к настройкам подвала, скопированную ссылку можно вставить в поле «‎URL» в открывшемся модальном окне (Рис. 5.2.6.2.д) в пункте настроек подвала «‎Текст копирайта», определить размер и выравнивание, добавить описание.

Рис. 5.2.6.2.д. Окно для добавления URL изображения в пункте настроек подвала «‎Текст копирайта».

-Вернуться к содержанию-

5.2.7. Страница «Цветовая схема»

На странице собраны сгруппированные по регионам настройки, относящиеся к применяемым в системе цветам: настройки цвета иконок, цвета текста кнопок, цвета текста неактивных элементов и т. п. (Рис. 5.2.7).

Выбор цвета осуществляется посредством использования цветовой палитры или с помощью ввода HEX-кода в значении от #000000 до #ffffff.

Рис. 5.2.7. Страница «Цветовая схема».

-Вернуться к содержанию-

5.2.7.1. Настройка цвета текста, кнопок и иконок соцсетей в подвале страницы

Для того, чтобы изменить цвет текста в подвале, необходимо выбрать цвет в группе настроек  «Подвал страницы, задний план» в пункте «Подвал страницы, задний план, цвет текста» (поз. 2. Рис. 5.2.7.1.а).

Рис. 5.2.7.1.а. Группа настроек «Подвал страницы, задний план» в разделе настроек профиля темы оформления «‎Цветовая схема».

Для того, чтобы установить градации серого для кнопок социальных сетей, необходимо выбрать нужное значение в группе настроек «Подвал страницы, кнопки» в пункте «Подвал страницы, кнопки, фильтр цвета изображений» (поз. 3. Рис. 5.2.7.1.б).

Выбрать цвет остальных кнопок можно в пункте «Подвал страницы, кнопки, цвет фона» (поз. 1. Рис. 5.2.7.1.б), а цвет текста для кнопок, соответственно, в пункте «Подвал страницы, кнопки, цвет текста» (поз. 2. Рис. 5.2.7.1.б).

Цвет рамки можно выбрать в пункте «Подвал страницы, кнопки, цвет рамки» (поз. 4. Рис. 5.2.7.1.б). Если рамка не требуется, то необходимо ввести значение «transparent», то есть сделать её прозрачной. 

Для того, чтобы настроить цвета кнопок, текста и рамки при наведении, необходимо воспользоваться аналогичными настройками в группе настроек «Подвал страницы, кнопки при наведении».

Рис. 5.2.7.1.б. Группа настроек «Подвал страницы, кнопки» в разделе настроек профиля темы оформления «‎Цветовая схема».

-Вернуться к содержанию-

5.2.7.2. Настройка цвета заголовка шапки страницы

В группе настроек  «Шапка страницы, заголовки» в пункте «Шапка страницы, заголовки, цвет текста» выбрать нужный цвет (поз. 2. Рис. 5.2.7.2.а). Если значение по умолчанию не прописано, то система автоматически опознает, какой цвет используется для заливки док-панели и сделает цвет заголовка либо светлым, либо темным.

Обратите внимание: при использовании текстур распознование цвета заливки док-панели не работает.

Рис. 5.2.7.2.а. Настройки цвета заголовка шапки страницы.

-Вернуться к содержанию-

5.2.7.3. Настройка цвета кнопки выбора языка в док-панели

Кнопка выбора языка может быть либо светлой, либо темной. В группе настроек  «Шапка страницы, задний план» в пункте  «Шапка страницы, заголовки, фильтр цвета изображений» (Рис. 5.2.7.3.а) можно выбрать градации серого - от сильного осветления до сильного затемнения, а также автоматическое определение. 

Рис. 5.2.7.3.а. Варианты градации серого в группе настроек  «Шапка страницы, задний план».

-Вернуться к содержанию-

5.2.7.4. Настройка цветов свернутых блоков в док-панели

Для изменения цвета фона при отображении свернутых блоков в виде «‎иконки» и в виде «‎и иконки, и текст» необходимо внести изменения в группе настроек «‎Док, элемент док-панели в виде иконки» в пункте «‎‎Док, элемент док-панели в виде иконки, цвет фона» (поз. 1. Рис. 5.2.7.4.а).

Для изменения цвета текста при отображении свернутых блоков в виде «‎и иконки, и текст» необходимо внести изменения в пункте «‎‎Док, элемент док-панели в виде иконки, цвет текста» (поз. 2. Рис. 5.2.7.4.а).

Рис. 5.2.7.4.а. Настройки цветов свернутых блоков в виде отображения «‎иконки» и «‎и иконки, и текст». 

Для изменения цвета фона при наведении при отображении свернутых блоков в виде «‎иконки» и в виде «‎и иконки, и текст» необходимо внести изменения в группе настроек «‎Док, элемент док-панели в виде иконки при наведении» в пункте «‎‎Док, элемент док-панели в виде иконки при наведении, цвет фона» (поз. 1. Рис. 5.2.7.4.б).

Для изменения цвета текста при наведении при отображении свернутых блоков в виде «‎и иконки, и текст» необходимо внести изменения в пункте «‎‎Док, элемент док-панели в виде иконки при наведении, цвет текста» (поз. 2. Рис. 5.2.7.4.б).

Рис. 5.2.7.4.б. Настройки цветов при наведении для свернутых блоков в виде отображения «‎иконки» и «‎и иконки, и текст».

Для изменения цвета фона при отображении свернутых блоков в виде «‎текст» необходимо внести изменения в группе настроек «‎Док, элемент док-панели в виде текста» в пункте «‎‎Док, элемент док-панели в виде текста, цвет фона» (поз. 1. Рис. 5.2.7.4.в).

Для изменения цвета текста при отображении свернутых блоков в виде «‎текст» необходимо внести изменения в пункте «‎‎Док, элемент док-панели в виде текста, цвет текста» (поз. 2. Рис. 5.2.7.4.в).

 Рис. 5.2.7.4.в. Настройки цветов свернутых блоков в виде отображения «‎текст».

Для изменения цвета фона при наведении при отображении свернутых блоков в виде «‎текст» необходимо внести изменения в группе настроек «‎Док, элемент док-панели в виде текста при наведении» в пункте «‎‎Док, элемент док-панели в виде текста при наведении, цвет фона» (поз. 1. Рис. 5.2.7.4.г).

Для изменения цвета текста при наведении при отображении свернутых блоков в виде «текст» необходимо внести изменения в пункте «‎‎Док, элемент док-панели в виде текст при наведении, цвет текста» (поз. 2. Рис. 5.2.7.4.г).

 Рис. 5.2.7.4.г. Настройки цветов при наведении для свернутых блоков в виде отображения «‎текст».
5.2.7.5. Настройка цвета заголовков контентной области

Настройки цвета заголовков контентной области производятся в группе настроек «‎Контент, заголовки».

Выбрать цвет фона заголовков можно в пункте «‎Контент, заголовки» (поз. 1. Рис. 5.2.7.5.а).

Настройка цвета текста производится в пункте «‎Контент, заголовки, цвет текста» (поз. 2. Рис. 5.2.7.5.а).

Настроить яркость иконок в зависимости от цвета фона можно в пункте «‎Контент, заголовки, цвет фона» (поз. 3. Рис. 5.2.7.5.а).

Рис. 5.2.7.5.а. Настройки заголовков контентной области страницы.

При выборе значения «‎Автоматическое определение» в пункте «‎Контент, заголовки, цвет фона» (см. поз. 3. Рис. 5.2.7.5.а) яркость иконок будет настраиваться автоматически в зависимости от цвета фона заголовка (Рис. 5.2.7.5.б).

 Рис. 5.2.7.5.б. Изменение яркости иконки в зависимости от цвета фона заголовка.

 -Вернуться к содержанию-

5.2.7.6. Настройка цвета текста и заднего плана контентной области

Рис. 5.2.7.6.а. Настройки цвета текста и фона контентной области.

Чтобы изменить цвет фона всей контентной области (Рис. 5.2.7.6.б), необходимо выбрать нужное значение в группе настроек «‎Контент, задний план» в пункте «‎Контент, задний план, цвет фона» (см. поз. 1. Рис. 5.2.7.6.а).  

Рис. 5.2.7.6.б. Заливка заднего плана контентной области.

Чтобы изменить цвет текста в контентной области (Рис. 5.2.7.6.в), необходимо выбрать нужное значение в пункте «‎Контент, задний план, цвет текста» (см. поз. 2. Рис. 5.2.7.6.а). 

Рис. 5.2.7.6.в. Изменение цвета текста в контентной области.

 -Вернуться к содержанию-

5.2.8. Страница «Фоны основных областей»

На странице находятся настройки, отвечающие за внешний вид и оформление основных областей страницы сайта (цвет, изображение и т. п.) (Рис. 5.2.8).

Нижеуказанные настройки производятся по следующему пути «Администрирование»‎ -> «Внешний вид»-> «‎Темы» -> «‎СЭО 3KL» -> Нужный профиль -> «‎Фоны основных областей».

Рис. 5.2.8. Страница «Фоны основных областей».

-Вернуться к содержанию-

5.2.8.1. Ширина подвала относительно размера экрана

Типовой размер экрана пользователя составляет 1920 px, сайт расширяется до ширины 1720 px. Для того, чтобы подвал растягивался от края до края независимо от размера экрана, необходимо в группе настроек «‎Подвал» найти пункт «‎Ширина без ограничений» (поз. 1. Рис. 5.2.8.1а) и поставить напротив него «‎галочку».

Рис. 5.2.8.1а. Группа настроек «‎Подвал» в разделе настроек профиля темы оформления «‎Фоны основных областей».

При разрешении равном или меньшем 768 px структура подвала меняется. Элементы выстраиваются по вертикали и центрируются (Рис. 5.2.7.1б). При настройке внешнего вида подвала рекомендуется проверять, как он выглядит как на экранах с большим, так и на экранах с малым разрешением. Для этого можно воспользоваться встроенным в браузер отладчиком.

Рис. 5.2.8.1б. Внешний вид подвала на экране с разрешением меньшем, чем 768 px.

-Вернуться к содержанию-

5.2.8.2. Настройка фонов подвала страницы

Для того, чтобы залить фон подвала по ширине сайта (Рис. 5.2.8.2а), необходимо в группе настроек «‎Подвал» в пункте «‎Подвал страницы, задний план, цвет фона» (см. поз. 1. Рис. 5.2.7.1а) выбрать нужный цвет с помощью цветовой палитры, либо ввести HEX-код в значении от #000000 до #ffffff. Значение «‎transparent» сделает фон прозрачным.

Рис. 5.2.8.2а. Фон подвала, залитый одним цветом по ширине сайта.

Для того, чтобы залить фон подвала во всю ширину (Рис. 5.2.8.2б), необходимо в группе настроек «‎Подвал» в пункте «‎Цвет фона (на всю ширину)» (см. поз. 3. Рис. 5.2.7.1а) выбрать нужный цвет с помощью цветовой палитры, либо ввести HEX-код в значении от #000000 до #ffffff. В пункте «‎Подвал страницы, задний план, цвет фона» выставить значение «‎transparent».

Рис. 5.2.8.2б. Фон подвала, залитый одним цветом по ширине сайта.

Для того, чтобы в подвале назначить текстуру в качестве фонового изображения по ширине сайта (Рис. 5.2.8.2в), необходимо загрузить изображение в группе настроек «‎Подвал» в пункте «‎Фоновое изображение» (см. поз. 2. Рис. 5.2.7.1а).

Рис. 5.2.8.2в. Текстура фона подвала по ширине сайта.

Для того, чтобы в подвале назначить текстуру в качестве фонового изображения во всю ширину (Рис. 5.2.8.2г), необходимо загрузить изображение в группе настроек «‎Подвал» в пункте «‎Изображение фона (на всю ширину)» (см. поз. 4. Рис. 5.2.7.1а). В пункте «‎Подвал страницы, задний план, цвет фона» выставить значение «‎transparent».

Рис. 5.2.8.2г. Текстура фона подвала во всю ширину.

Вышеуказанные настройки можно комбинировать, например, добавить текстуру в качестве фонового изображения по ширине сайта и залить фон одним цветом во всю ширину, закрасив при этом боковые поля (Рис. 5.2.8.2д).

Рис. 5.2.8.2д. Текстура фона подвала по ширине сайта и заливка одним цветом во всю ширину.

-Вернуться к содержанию-

5.2.8.3. Настройка рамки подвала

Рамка - небольшая полоса над подвалом (Рис. 5.2.8.3а).

Рис. 5.2.8.3а. Рамка подвала.

Настройка фонов и заливки рамки подвала производится в соответствующем разделе «Рамка подвала» (Рис. 5.2.8.3б).

Рис. 5.2.8.3б. Группа настроек «Рамка подвала» в разделе настроек профиля оформления «‎Фоны основых областей».

Для того, чтобы залить рамку подвала одним цветом по ширине сайта (Рис. 5.2.8.3в), необходимо в группе настроек «‎Рамка подвала» в пункте «‎Цвет фона по ширине сайта» (см. поз. 1. Рис. 5.2.8.3б) выбрать нужный цвет с помощью цветовой палитры, либо ввести HEX-код в значении от #000000 до #ffffff. Значение «‎transparent» сделает рамку прозрачной.

Рис. 5.2.8.3в. Рамка подвала, залитая одним цветом по ширине сайта.

Для того, чтобы залить рамку подвала одним цветом во всю ширину (Рис. 5.2.8.3г), необходимо в группе настроек «‎Рамка подвала» в пункте «‎Цвет фона (на всю ширину)» (см. поз. 3. Рис. 5.2.8.3б) выбрать нужный цвет с помощью цветовой палитры, либо ввести HEX-код в значении от #000000 до #ffffff. В пункте «‎Цвет фона по ширине сайта» выставить значение «‎transparent».

Рис. 5.2.8.3г. Рамка подвала, залитая одним цветом во всю ширину.

Для того, чтобы назначить рамке подвала текстуру по ширине сайта (Рис. 5.2.8.3д), необходимо загрузить изображение в группе настроек «‎Рамка подвала» в пункте «‎Изображение фона (по ширине сайта)» (см. поз. 2. Рис. 5.2.8.3б).  

Рис. 5.2.8.3д. Текстура рамки подвала по ширине сайта.

Для того, чтобы назначить рамке подвала текстуру во всю ширину (Рис. 5.2.8.3е), необходимо загрузить изображение в группе настроек «‎Рамка подвала» в пункте «‎Изображение фона (на всю ширину)» (см. поз. 4. Рис. 5.2.8.3б). В пункте «‎Цвет фона по ширине сайта» выставить значение «‎transparent».

 Вышеуказанные настройки можно комбинировать.

-Вернуться к содержанию-

5.2.8.4. Настройка фонов док-панели, загрузка текстур

Все нижеуказанные настройки цветов выполняются в разделе настроек профиля оформления «‎Фоны основных областей» в группе настроек «Док-панель» (Рис. 5.2.8.4.а).

Рис. 5.2.8.4.а.  Группа настроек «Док-панель» в разделе настроек темы оформления «‎Фоны основных областей».

Настройка «Док, задний план цвет фона» (см. поз. 1. Рис. 5.2.8.4.а) заливает док-панель по ширине сайта (Рис. 5.2.8.4.б).

Рис. 5.2.8.4.б. Заливка фона док-панели одним цветом с помощью настройки «Док, задний план, цвет фона».

Настрока «Цвет фона (на всю ширину)» (см. поз. 3. Рис. 5.2.8.4.а) заливает док-панель во всю ширину (Рис. 5.2.8.4.в).

Рис. 5.2.8.4.в. Заливка фона док-панели одним цветом с помощью настройки «Цвет фона (во всю ширину)».

Настройка «Изображение фона (по ширине сайта)» (см. поз. 2. Рис. 5.2.8.4.а) позволяет загрузить текстуру по ширине сайта, оставив пустыми боковые фоны (Рис. 5.2.8.4.г).

Рис. 5.2.8.4.г. Заливка фона док-панели текстурой с помощью настройки «Изображение фона (по ширине сайта)».

Настройка «Изображение фона (на всю ширину)» (см. поз. 4. Рис. 5.2.8.4.а) позволяет загрузить текстуру во всю ширину, заполнив в том числе боковые фоны (Рис. 5.2.8.4.д).

Рис. 5.2.8.4.д. Заливка фона док-панели текстурой с помощью настройки «Изображение фона (во всю ширину)».

Указанные выше настройки можно комбинировать. Например, можно добавить текстуру по ширине сайта и залить док-панель во всю ширину (Рис. 5.2.8.4.е).

Рис. 5.2.8.4.е. Использование текстуры по ширине сайта и заливка док-панели во всю ширину.

-Вернуться к содержанию-

5.2.9. Страница «Шрифты»

Перейти к настройкам шрифтов можно по следующему пути: Администрирование->Внешний вид->Темы->СЭО 3KL->Нужный профиль->‎Шрифты.

Рис. 5.2.9.а. Загрузка пользовательских шрифтов

Для того, чтобы добавить новый шрифт в систему, необходимо загрузить файл формата ttf (TrueType) в пункте настроек «‎Загрузка пользовательских шрифтов» (см. Рис. 5.2.9.а). Таким образом можно загрузить несколько шрифтов. Рекомендуется загрузить шрифты следующей толщины и начертания:

  • 300 normal (тонкий обычный);
  • 300 italic (тонкий наклонный);
  • 400 normal (стандартный);
  • 600 normal (насыщенный обычный);
  • 700 normal (насыщенный обычный).

После загрузки для каждого добавленного шрифта создается группа настроек со следующими параметрами (Рис. 5.2.9.б):

  • Нименование семейства шрифтов (поз. 1. Рис. 5.2.9.б) - при указании значение «DefaultFont»‎ позволяет переопределить для всего сайта шрифт выбранного начертания, а при указании другого наименования, выбранный шрифт можно будет использовать в пользовательских настройках css.
  • Насыщенность (толщина) символов в тексте (поз. 2. Рис. 5.2.9.б) - позволяет задать толщину шрифта, посредством выбора единиц насыщенности (жирности) в следующих значениях: 100, 200, 300, 400, 500, 600, 700, 800, 900. Самый тонкий шрифт  - 100, самое насыщенный (жирный) - 900, значение по умолчанию - 400.
  • Начертание шрифта (поз. 3. Рис. 5.2.9.б) - позволяет сделать шрифт курсивным (наклонным) - italic, или обычным - normal.

Рис. 5.2.9.б. Группа настроек одного из загруженных шрифтов
Настоятельно не рекомендуем удалять файлы шрифтов из предустановленного набора DefaultFont и изменять название семейства шрифтов по умолчанию — если в вашей системе была применена стилизация с помощью css,  это может негативно сказаться на внешнем виде среды электронного обучения.

-Вернуться к содержанию-

5.2.10. Страница «Настройки регионов»

Настройки, расположенные на этой странице (Рис. 5.2.10.а), позволяют регулировать поведение блоков на страницах СЭО 3KL: например, можно настроить, чтобы на главной странице СЭО блоки были всегда свернуты в док-панель, а в курсе — развернуты и зафиксированы в правой боковой панели.

Рис. 5.2.10.а. Страница «Настройки регионов».

Кроме этого, функционал страницы позволяет в отдельном регионе (например, над контентом), добавлять новые области (Рис. 5.2.10.б).

Рис. 5.2.10.б. Настройка сетки для сворачиваемой секции.

-Вернуться к содержанию-

5.2.10.1 Настройки сворачивания блоков в регионах

Настройки сворачивания позволяют реализовать различные варианты взаимодействия пользователя с дизайном системы:

  • если необходимо, чтобы курс выглядел лаконично и пользователи не могли изменить его дизайн, то сворачивание блоков на главной странице курса или на описательной странице можно запретить;
  • в курсе рекомендуется полностью убирать левую колонку, то есть поставить настройку, что все блоки, помещенные в неё, автоматически сворачиваются и фиксируются в док-панели. Правую колонку рекомендуется настроить так, чтобы она была всегда видна и блоки из неё могли быть свёрнуты в док-панель или развёрнуты обратно.
Начиная с версии 4.1.3а в СЭО 3KL появилась выдвижная панель блоков.  Все блоки из боковых колонок по умолчанию помещаются в выдвижную панель блоков. Дополнительно для пользователей, которые предпочитают предыдущее отображение блоков в боковых панелях, доступна возможность оставить левую колонку с зафиксированными в ней блоками.

-Вернуться к содержанию-

5.2.10.2. Стандартные и кастомные регионы

Для стандартных регионов существуют следующие варианты сворачивания секции:

  • отображать блоки на своих позициях;
  • отображать блоки в доке.

Для кастомных регионов существуют следующие варианты сворачивания секции:

  • по умолчанию свёрнута;
  • по умолчанию развёрнута;
  • всегда свёрнута;
  • всегда развёрнута;
  • отображение отключено;
  • нельзя свернуть.

Кастомные регионы рекомендуется использовать в положении «нельзя свернуть». 

-Вернуться к содержанию-

5.2.10.3 Раздел настроек «Главная страница»

Раздел состоит из настроек, позволяющих задать поведение блоков (сворачивание блоков) для каждого отдельного региона.

Помимо стандартных регионов, доступных в community версии Moodle, в СЭО 3KL существуют кастомные регионы, в которых можно задать сетку размещения блоков. К кастомным относятся следующие регионы:

  1. над шапкой;
  2. над контентом;
  3. под шапкой;
  4. под контентом.

-Вернуться к содержанию- 

5.2.11. Страница «Безопасность»

Перейти к настройкам безопасности можно по следующему пути: Администрирование->Внешний вид->‎Темы->‎СЭО 3KL->Нужный профиль->‎Безопасность.

С помощью этих настроек можно защитить контент от копирования: отключить всплывающее меню, перетаскивание, выделение текста и т. п. (Рис. 5.2.11).

Рис. 5.2.11. Страница «Безопасность».

-Вернуться к содержанию-

5.2.12. Страница «Страница авторизации»

В этом разделе можно настроить внешний вид страницы авторизации (Рис. 5.2.12.а).

Рис. 5.2.12.а. Настройки страницы авторизации.

Доступны к выбору следующие типы страницы авторизации:

  • стандартная (5.2.12.б);
  • слайдер (5.2.12.в);
  • боковая панель (5.2.12.г).

Рис. 5.2.12.б. Стандартная страница авторизации.

Рис. 5.2.12.в. Страница авторизации типа «Слайдер».

Рис. 5.2.12.г. Страница авторизации типа «Боковая панель».

При выборе типов «Слайдер» или «Боковая панель» администратору открываются дополнительные настройки оформления страницы авторизации. 

-Вернуться к содержанию-

5.2.12.1. Дополнительные настройки страницы авторизации типа «Слайдер»

Для страницы авторизации типа «Слайдер» доступны дополнительные настройки оформления (Рис. 5.2.12.1.а):

Рис. 5.2.12.1.а. Дополнительные настройки страницы авторизации типа «Слайдер».
  • Изображения слайдера (см. поз. 1 Рис. 5.2.12.1.а). Позволяет загрузить несколько изображений для фона страницы, которые будут отображаться в виде карусели.
  • Текст в шапке (см. поз. 2 Рис. 5.2.12.1.а). Позволяет добавить текст справа от логотипа, который будет отображаться только на странице авторизации.
  • Отступы текста в шапке (см. поз. 3 Рис. 5.2.12.1.а).

При настройке текста в шапке следует учитывать некоторые рекомендации:

  • Если в шапку уже добавили текстовый блок через настройки шапки страницы (см. п.5.2.5. Страница «Шапка страницы»), то текст, добавленный через настройки страницы авторизации, будет отображаться под уже имеющимся текстовым блоком.
  • Цвет текста в шапке должен контрастировать с цветами изображений в слайдере так, чтобы его было комфортно читать.
  • Логотип, который можно добавить через поле «Текст в шапке», также должен сочетаться по цвету с изображениями слайдера.

Для страницы авторизации типа «Слайдер» логотип наследуется с других страниц сайта, если он был добавлен, например, в поле «Текст копирайта» в настройках подвала страницы (см. п.5.2.6. Страница «Подвал страницы»).

Если логотип не сочетается с изображениями страницы авторизации, рекомендуется использовать вариант оформления «Боковая панель», в котором логотип отображается на боковой панели белого цвета.

Цветовые решения кнопок в панели авторизации наследуются из цветовой схемы профиля темы. Используются те же цвета, что и для кнопок в контентной области, которые определяются в разделе «Контент страницы» настроек цветовой схемы (см. п.5.2.7. Страница «Цветовая схема»).

-Вернуться к содержанию-

5.2.12.2. Дополнительные настройки страницы авторизации типа «Боковая панель»

Для страницы авторизации типа «Боковая панель» доступны дополнительные настройки оформления (Рис. 5.2.12.2.а):

Рис. 5.2.12.2.а. Дополнительные настройки страницы авторизации типа «Боковая панель».
  • Логотип для страницы «Боковая панель» (см. поз. 1 Рис. 5.2.12.2.а). Позволяет загрузить логотип, который будет отображаться только на странице авторизации.
  • Изображение страницы авторизации (см. поз. 2 Рис. 5.2.12.2.а). Позволяет загрузить фоновое изображение для страницы авторизации.
  • Элементы шапки (см. поз. 3 Рис. 5.2.12.2.а). Два чек-бокса «Меню пользователя» и «Персональное (настраиваемое) меню» добавляют соответствующие меню на страницу авторизации и позволяют приблизить внешний вид шапки к тому, который используется на остальных страницах СЭО.
  • Текст страницы авторизации (см. поз. 4 Рис. 5.2.12.2.а).

Если поставить галочку в чек-боксе «Меню пользователя», то в шапке страницы авторизации будут отображаться иконки тех разделов пользовательского меню, которые доступны для неавторизованного пользователя: иконки витрины курсов и поиска (поз. 1 Рис. 5.2.12.2.б).

Если поставить галочку в чек-боксе «Персональное (настраиваемое) меню», то на странице авторизации будет отображаться персональное меню сайта (поз. 2 Рис. 5.2.12.2.б).

Рис. 5.2.12.2.б. Страница авторизации типа «Боковая панель» с включенными элементами шапки.

-Вернуться к содержанию-

5.2.13. Страница «Шаблоны электронной почты»

-Вернуться к содержанию-

Теги: администрирование, внешний вид, техподдержка
Рейтинг ответа: 0 (0 оценок)

Комментарии запрещены