Нужны права на редактирование своего курса. Администратор и установка плагинов не требуются, если тема уже содержит подходящую версию Bootstrap.

Вставка за пять шагов

  1. Включите режим редактирования и добавьте элемент «Страница».
  2. В поле содержания откройте режим исходного кода. В редакторе Tiny это обычно «Инструменты → Исходный код».
  3. Скопируйте HTML из блока в мастерской или из скачанного файла .html, открытого текстовым редактором.
  4. Вставьте его, измените тексты и сохраните страницу.
  5. Снова откройте редактор, сохраните ещё раз и проверьте страницу глазами ученика. Редакторы и настройки фильтрации могут менять HTML.
Проверено на площадке: Moodle 5.3, тема Boost с фирменными цветами El-Blog, встроенный Bootstrap 5.3.8. Своя CSS-таблица и JavaScript для примеров не подключаются. Оттенки и шрифты на вашем сайте могут отличаться.

Если у вас другой Moodle

Версия Moodle сама по себе не гарантирует версию Bootstrap: её определяет тема. Для Bootstrap 4 понадобится адаптация классов g-3, gap-3, text-body-secondary, bg-body-tertiary и text-bg-primary. Уточните версию у администратора или попробуйте на тестовом курсе.

Светлая и тёмная тема

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

Что сохраняется

Плашки, списки и карточки — оформление материала. Раскрытие ответа не является попыткой теста, не проверяет знания и не записывается в журнал оценок. У зарегистрированных участников просмотр страниц может отмечаться как выполнение; у гостей прогресс не сохраняется.

Файлы для работы

В ZIP — восемь отдельных блоков, два варианта урока и памятка. Можно изменять и использовать в собственных, в том числе коммерческих, курсах. Вне Moodle фрагменты открываются без Bootstrap-оформления.

Скачать HTML-шаблоны ZIP

Хотите собрать свой курс?

В интенсиве «Moodle на 200 %» оформление страниц станет частью работы над собственным курсом. Узнать о старте интенсива.

← В мастерскую · Как вставить HTML · Скачать все шаблоны ZIP