Разработки для Moodle: создаем блоки Moodle с помощью HTML
Подрядчик установил вам LMS Moodle и настроил готовые, актуальные для ваших задач блоки, но вы планируете разрабатывать некоторые иные блоки самостоятельно? Тогда вам подспорье – мануал, как создавать блоки Moodle с помощью HTML.
Разработка собственного блока Moodle с помощью HTML: шаг за шагом
Что позволяет блок пользовательский HTML? Он позволяет сделать разные визуальные составляющие для страниц Moodle с помощью HTML. Вы можете добавить баннер, текстовую информацию, и даже контактную форму и прочее, комбинируя его с разными плагинами.
Сразу сделаем оговорку. Здесь важно обратить внимание, что стили поддерживаются только внутри тегов, а JavaScript недоступен для этого блока. Поэтому "разбавить" интерактивом разные теги нельзя, но есть разные способы, как этого достичь, но об этом не сейчас и не здесь.
Первое, что стоит сделать, это составить скелет как и при любой верстке страницы HTML, при этом теги типа head и body очевидно прописывать не надо, т.к. эта страница сразу выводится с помощью PHP. Вы можете использовать теги типа div, p, h, image, iframe и много других.
При этом, если у вас есть пользовательская тема, которая использует фреймворк (как правило, используется bootstrap, но вы можете использовать для вашей темы еще разные вариации), вы можете использовать классы, которые позволяют привязывать стили.
Поэтому:
1. Создайте скелет с применением классов при необходимости
2. Для этого добавьте блок пользовательский html на нужную вам страницу. Для примера мы на нашем портале добавим отображение сайта через iframe в личный кабинет.
Зайдите в настройки блока.
В зависимости от используемого редактора, откройте редактор HTML.
На скриншоте открыт редактор Atto в режиме редактирования HTML.
Далее в эту область впишите свой html-код и сохраните изменения.
Обратите внимание, что стили фреймворка или пользовательские стили, которые вы добавите в код Moodle, будут применяться только после того, как вы откроете их на странице Moodle, а не в редакторе.
Не забывайте указывать нужное расположение (например, в левом меню, если надо, либо над контентом).
При разработке курса на Moodle – индивидуальная разработка блоков часто огромное подспорье. При том, что возможности Moodle огромны, и для ряда случаев уже готовых блоков действительно хватает, есть и те ситуации, когда нужны индивидуальные решения.
И открытый исходный код Moodle дружелюбен таким решениям. А в случае, если вы всё-таки не готовы заниматься такой работой самостоятельно и хотите сосредоточиться на профильной деятельности, наша команда всегда может быть полезной для вас. Располагаем огромным опытом в разработках для Moodle.
