Вы можете разместить на своем сайте скрипт, выводящий на экран случайный тест с нашего сайта.
Для этого необходимо в заголовке страницы в разделе … указать ссылку на скрипт с нашего сайта:
А в нужном месте в теле странице поместить исполняемую функцию:
Для работы скрипта требуется наличие подключенной библиотеки jQuery (например, из Google Hosted Libraries).
Для оформления теста используйте таблицы стилей. Образец файла CSS вы можете скачать здесь. Измените и добавьте эти настройки в таблицу стилей темы вашего сайта или разместите их в отдельном файле на вашем сайте, указав ссылку на него в заголовке страницы в разделе …:
Чтобы вам было легче разобраться в использовании CSS для теста приводим структуры html-кода, формируемого скриптом:
-
1. Текст вопроса
https://azbyka.ru/test/wp-content/uploads/questfoto.jpg"> https://azbyka.ru/test/wp-content/uploads/questfoto.jpg" />
Правильный ответ: №3Верно!Материалы для изучения: https://azbyka.ru/article">Название статьи по теме вопросаКомментарий:Текст комментария
https://azbyka.ru/test/wp-content/uploads/ansfoto.jpg"> https://azbyka.ru/test/wp-content/uploads/ansfoto.jpg">https://azbyka.ru/test/test_name?question=1" class="popup">открыть вопрос в отдельном окне
-
2. Текст вопроса
https://azbyka.ru/test/wp-content/uploads/questfoto.jpg"> https://azbyka.ru/test/wp-content/uploads/questfoto.jpg" />
Возможен одновременный выбор нескольких правильных ответов.Правильные ответы: №1,2,3Верно!Материалы для изучения: https://azbyka.ru/article">Название статьи по теме вопросаКомментарий:Текст комментария
https://azbyka.ru/test/wp-content/uploads/ansfoto.jpg"> https://azbyka.ru/test/wp-content/uploads/ansfoto.jpg">https://azbyka.ru/test/test_name?question=1" class="popup">открыть вопрос в отдельном окне
-
3. Текст вопроса
https://azbyka.ru/test/wp-content/uploads/questfoto.jpg"> https://azbyka.ru/test/wp-content/uploads/questfoto.jpg" />Впишите ответ самостоятельно.Правильный ответ: Текст ответаВерно!Материалы для изучения: https://azbyka.ru/article">Название статьи по теме вопросаКомментарий:Текст комментария
https://azbyka.ru/test/wp-content/uploads/ansfoto.jpg"> https://azbyka.ru/test/wp-content/uploads/ansfoto.jpg">https://azbyka.ru/test/test_name?question=1" class="popup">открыть вопрос в отдельном окне
-
4. Текст вопроса
https://azbyka.ru/test/wp-content/uploads/questfoto.jpg"> https://azbyka.ru/test/wp-content/uploads/questfoto.jpg" />Вопрос без списка ответов, с самопроверкой. После устного ответа на вопрос, нажмите кнопку "Правильный ответ" и оцените самостоятельно, правильно ли вы ответили, нажав кнопку "Ответил правильно" или "Ответил неправильно".Правильный ответ: Текст ответаМатериалы для изучения: https://azbyka.ru/article">Название статьи по теме вопросаКомментарий:Текст комментария
https://azbyka.ru/test/wp-content/uploads/ansfoto.jpg"> https://azbyka.ru/test/wp-content/uploads/ansfoto.jpg">https://azbyka.ru/test/test_name?question=1" class="popup">открыть вопрос в отдельном окне
-
5. Текст вопроса
https://azbyka.ru/test/wp-content/uploads/questfoto.jpg"> https://azbyka.ru/test/wp-content/uploads/questfoto.jpg" />- Фраза 1
- Фраза 2
- Фраза 3
- Фраза 4
- Фраза 5
- Фраза 6
- Фраза 7
- Продолжение 1
- Продолжение 2
- Продолжение 3
- Продолжение 4
- Продолжение 5
- Продолжение 6
- Продолжение 7
Вопрос на сопоставление: упорядочьте правый столбец так, чтобы понятия в нём соответствовали левому. Это делается мышкой или, на смартфонах, - пальцем.Правильный ответ: Продолжение 2, Продолжение 1, Продолжение 5, Продолжение 7, Продолжение 4, Продолжение 6, Продолжение 3Верно!Материалы для изучения: https://azbyka.ru/article">Название статьи по теме вопросаКомментарий:Текст комментария
https://azbyka.ru/test/wp-content/uploads/ansfoto.jpg"> https://azbyka.ru/test/wp-content/uploads/ansfoto.jpg">https://azbyka.ru/test/test_name?question=1" class="popup">открыть вопрос в отдельном окне
https://azbyka.ru/test/">Все тесты →
Пример выдачи результата работы скрипта
Плагин для WordPress
Для CMS WordPress вы можете скачать плагин.
Установите плагин, распаковав содержимое архива в папку /wp-content/plugins/azbyka_tests/, и активируйте его. Для вывода случайного теста на экран просто используйте шорт-код [azbyka_test] в тексте статьи.
Комментировать