🔗Как правильно провести оформление в Getcourse: Пошаговое руководство

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

---

🔗1. Создайте структуру треннинга

🔗Как сделать:

1. В разделе «Обучение - треннинги» нажмите «Добавить тренинг».
2. Нажиите на зеленую кнопку «Добавить».
3. Добавьте либо подтренинг:
   • Кнопка «Добавить» - «Подтренинг» → Введите название (например, «Введение в маркетинг» и описание).
4. Внутри модуля создайте уроки:
   • Нажмите «Добавить урок» → Укажите тип (текст, видео, тест).

Пример структуры:

---

🔗2. Настройте дизайн

🔗Как сделать:

1. В редакторе курса откройте «Настройки дизайна».
2. Используйте CSS для кастомизации:

.banner::after {
    content: "";
    background: url("Ссылка на ваш баннер");
    width: 99.9%;
    height: 460px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 18px;
    display: block;
    position: absolute;
    bottom: 0;
    z-index: -1;
}

4. Загрузите фоновое изображение для главной страницы.

Пример дизайна:

5. Добавляйте стили на каждую страницу или создайте тему.

---

🔗3. Добавьте интерактивные тесты

🔗Как сделать:

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

Инструкция самого GetCource

В настройках блока вы можете выбрать готовое тестирование, которое было создано в уроке или в разделе «Обучение» — «Тестирования», а также создать новое, нажав на ссылку «Тестирования».

При создании нового тестирования введите его название и описание. Также вы можете задать заголовок, цвет шрифта и картинку фона для отображения результата.

Пример теста:

---

🔗4. Вставьте видео и файлы

🔗Как добавить видео:

1. Загрузите видео в медиатеку Getcourse.

3. В редакторе урока нажмите «Добавить блок» → «Видео».
4. Вставьте ссылку или выберите файл из медиатеки.

Пример видеоурока:

---

🔗5. Адаптация под мобильные устройства

🔗Как проверить:

1. В разделе «Настройки» → «Мобильная версия» включите адаптацию.
2. Подготовьте нужные блоки в нескольких версиях

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

Для этого:

1. Подготовьте два блока: один для просмотра с компьютера, другой — со смартфона.
2. Настройте видимость для каждого из блоков:

Видимость блока:

• Для просмотра с компьютера/ноутбука можно установить видимость от 1020px;
• Для просмотра с мобильных устройства — до 1020px.

Изменение под мобильные версии: