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

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

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

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

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

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

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

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

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

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

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

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

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

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

• .jpg/jpeg;
• .png (с прозрачным фоном);
• .svg (векторное изображение).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• зайдите под своей учетной записью на портал учебного центра ООО «Открытые технологии»;
• в разделе «Шаг 3. Настройка оформления» курса «Маршрут внедрения» пройдите тест «Бриф на стилизацию СЭО 3КL»;

• после завершения теста (заполнения анкеты):

  • нажмите «Закончить попытку»;
  • проверьте, что на все вопросы были даны ответы;
  • нажмите «Отправить все и завершить тест» в окне подтверждения.

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

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

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

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

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

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

• тарифного плана;
• расширенной технической поддержки;
• отдельного договора на сервис.

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

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

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

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

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

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

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

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

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

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

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

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

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

• формирование структуры среды дистанционного обучения: создание направлений и категорий;
  наполнение витрины пустыми курсами (не более десяти);

• создание, наполнение и оформление одного курса по предоставленным материалам Заказчика.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Кнопка «Экспорт настроек профиля» (см. поз. 2 Рис. 5.1.2). Нажав эту кнопку на плашке произвольного профиля, пользователь имеет возможность сохранить на своем компьютере настройки этого профиля в виде архивного файла.

• Кнопка «Импорт настроек профиля» (см. поз. 3 Рис. 5.1.2). Позволяет загрузить в выбранный профиль ранее выгруженные настройки.

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

• Кнопка «Редактирование профиля» (см. поз. 4 Рис. 5.1.2). На странице редактирования профиля пользователь может изменить название/описание профиля и назначить его активным.

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

• Кнопка «Привязки профиля» (см. поз. 6 Рис. 5.1.2). Переход на страницу управления привязками профиля.

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

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

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

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

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

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

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

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

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.а).

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

• Пользовательская настройка 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.к).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Подвал можно разделить на три области: левая (поз. 1. Рис. 5.2.6.1.a), центральная (поз. 2. Рис. 5.2.6.1.a) и правая (поз. 3. Рис. 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 и меньше содержимое подвала выстраивается по вертикали и центрируется, поэтому ни выравнивание по левому краю, ни выравнивание логотипа по центру внутри картинки не будет смотреться выгодно.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Для того, чтобы изменить цвет текста в подвале, необходимо выбрать цвет в группе настроек  «Подвал страницы, задний план» в пункте «Подвал страницы, задний план, цвет текста» (поз. 2. Рис. 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.2. Настройка цвета заголовка шапки страницы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Для того, чтобы добавить новый шрифт в систему, необходимо загрузить файл формата 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.10. Страница «Настройки регионов»

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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.а):

• Логотип для страницы «Боковая панель» (см. поз. 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.13. Страница «Шаблоны электронной почты»

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

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