Сделать 2 теста и вставить на сайт на Wordpress

Задача: сделать 2 теста и вставить их на сайт на Wordpress.

Тест на канадское гражданство.

1. Сделать 3 вопроса: вопрос с 2-мя вариантами ответов, вопрос с 3-мя вариантами ответов, вопрос с 4-мя вариантами ответов:

Название теста

Описание теста

Вопрос с 2-мя вариантами ответов:
Вопрос семейное положение?
- женат (внутри программы заложено число = 1)
- разведен (внутри программы заложено число = 2)

Вопрос с 3-мя вариантами ответов:
Вопрос семейное положение?
- женат (внутри программы заложено число = 4)
- разведен (внутри программы заложено число = 2
- холост до 30 лет (внутри программы заложено число = 3)

Вопрос с 4-мя вариантами ответов:
Вопрос семейное положение?
- женат (внутри программы заложено число = 6)
- разведен (внутри программы заложено число = 2)
- холост до 30 лет (внутри программы заложено число = 5)
- холост до 50 лет, женат не был (внутри программы заложено число = 0)

Кнопка "Показать результат"

Результаты тестирования:
Вы набрали n-баллов из m-баллов.
Вы прошли / Вы не прошли тест.

2. Пользователь выбирает ответ на каждый вопрос. При нажатии кнопки происходит подсчет суммы всех ответов и пользователю выводится результат тестирования. Тест работает как калькулятор.

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

4. Напишите мануал как добавить вопрос, как добавить варианты ответа, как присвоить сумму каждому варианту ответа, как задать сумму прохождения теста, как задать название теста, как сделать описание теста.


Тест по вождению.

1. При нажатии кнопки "Тест на вождение" пользователь переходит на страницу теста.

2. Перед ним две кнопки "Результат по окончанию теста" и "Моментальная проверка ответа".

3. Если он нажимает "Результат по окончанию теста", переход на новую страницу и начинается тестирование. Выводятся вопросы, он выбирает ответ кликая по одному из вариантов (неважно правильный или неправильный) и автоматом переходит к следующему вопросу.

По окончании теста выводятся данные:
Всего вопросов: х
Правильных ответов: y
Неправильных ответов: z
Процент правильных ответов: m
Результат: Вы прошли тест / Вы не прошли тест.

4. Если он кликает "Моментальная проверка ответа", начинается тестирование. Только в этом случае при нажатии на кнопку с вариантом ответа происходит следующее: при каждом неправильном ответе строка будет окрашиваться в красный цвет и слева будет появляться красный крестик. И сразу же строка с правильным ответом будет окрашиваться в зеленый цвет с зеленой галочкой слева.

Если ответ изначально правильный, строка окрашивается в зеленый + зеленый крестик слева. Неправильные ответы не выделяются.

При нажатии правильного/неправильного ответа под тестом выводится текстовое пояснение в желтой рамке.

Для перехода к следующему вопросу будет использоваться кнопка "Следующий вопрос".

По окончании теста выводятся данные:
Всего вопросов: х
Правильных ответов: y
Неправильных ответов: z
Процент правильных ответов: m
Результат: Вы прошли тест / Вы не прошли тест.

5. Каждый раз при начале теста вопросы выводятся в случайном порядке. Сделайте для начала 20 вопросов. Вопросы можете вставить произвольные.

6. Кнопки "Результат по окончанию теста" и "Моментальная проверка ответа": после того как кнопку нажали, та которую нажали обесцвечивается, а внутри надпись становиться красной. Её нажать больше нельзя – пока продолжается тест. Вторая остается активной. Ее нажать можно – при этом тест обнуляется и начинается новый.

7. Сделайте мануал для админа как добавить вопрос, картинку к нему, варианты ответов, как задать какой ответ правильный/какой неправильный, как добавить пояснение к вопросу и т.д.

8. Пример похожего теста: find-a-driving-school.ca/...
10. Оформление теста: http://yadi.sk/i/Yag9NRWwiDp6W Оформить дизайн теста как на картинке. yadi.sk/d/OAGopjXdi22vk

Тест по вождению начат. См. вложение. Нужно доделать до условий задания.

Доступы вышлю. Если есть вопросы, задавайте))