Услуги・Контент・Монитор・Телеграм・Контакты・Консультации・Записи・Вход

Седов Артём

Пройдите авторизацию, чтобы продолжить

🎁 После заполнения формы вам на почту придет письмо с пособием для онлайн школ «Антикризисный гайд».

Этот материал я позволил себе составить на правах практика и исследователя. 

Материал подходит и для тех, кто не знает с чего начинать ревизию проекта целиком.

Настройка GetCourse для онлайн-школ

Настройка тренинга геткурс: Разделение уроков по разделам

Шаг 1.

Переходим в тренинг .
Нажимаем кнопку "Действие" - "Настроить вид"
В поле выбора элемента выбираем блок Javascript, кликнув 2 раза

Шаг 2.

Кликаем на Javascript блок два раза и помещаем внутрь данный код:

$("<p class='lesson-theme'>Раздел 2. Капитальный

пуск</p>").insertBefore($(".lesson-id-218803225"))

где:

  1. Раздел 2. Капитальный пуск – это название раздела
  2. lesson-id-218803225 – ID урока "НАД" которым необходимо поместить название раздела (см. рис.)

После добавления кода, кликаем на кнопку сохранить.

Шаг 3.

После добавления кода при просмотре тренинга с уроками у вас уже появится название раздела, но для того чтобы все корректно отображалось необходимо добавить стили CSS.

Снова нажимаем кнопку "Действие" - "Настроить вид"

В поле выбора элемента выбираем блок HTML блок, кликнув по нему 2 раза

Помещаем код CSS в добавленный блок

Код CSS для блока HTML:

<style>

.lesson-theme {

    font-size: 160%;

    font-weight: bold;

    text-align: left;

    border-left: 5px solid #4d4d4d!important;

    padding-left: 20px;

    padding-right: 20px;

    margin-left: 20px;

}

</style>

Во время добавления CSS кода необходимо придерживаться следующей последовательности действий:

  1. Кликаем на блок два раза, чтобы открыть редактор
  2. В редакторе нажимаем кнопку кода "< >" (см рис.)
  3. В редактор кода помещаем скопированный код CSS, который представлен выше
  4. После "не выходя" из редактора кода "< >", нажимаем на кнопку сохранить.

Если все сделали правильно, блок HTML схлопнется

и внутри не будет ни какого текста

Шаг 4.

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

Стили CSS повторно прописывать не нужно, они автоматом подключатся ко всем последующим названиям раздела. 

Вот такой результат можно получить, следуя данной инструкции



Для того чтобы оставить комментарий —
авторизуйтесь
{"signature":"084b161b1e784e7af166bcedd667ce3c","accountUserId":-1,"values":{"object_type_id":10,"object_id":360386221,"max_level":2,"level":1,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null}}
удалить
Здравствуйте!) А почему у меня нет в элементах Javascript ??
или отменить редактирование
Чт 03 Фев 02:31 • Ответить
{"signature":"afe9226dea342c2880baa48018a8c4c8","accountUserId":-1,"values":{"object_type_id":10,"object_id":360387395,"max_level":2,"level":2,"page_size":50,"disable_comments":false,"disable_new_comment":false,"edit_mode":false,"group":null,"params":[],"comment_class":"","comment_class_callback":null,"data":[],"level_directions":{"1":"desc","2":"asc"},"level_show_send_button_always":{"1":true},"editable_comments":false,"show_online_user_count":true,"collapsible":false,"object_attributes":[],"level_form_submit_on_enter":{"1":false,"2":true},"own_user_id":null,"invert_own_user":false,"enable_subscribe":false,"disable_links":false,"window_style":null}}
удалить
Нашла,добавила в блоках)
или отменить редактирование
Чт 03 Фев 02:37

Связанные статьи

Техническое сопровождение онлайн-школ Getcourse

Делаем любые разовые, комплексные или постоянные работы в проектах.

Подробнее →