Создать тест на блоге — это просто!

Добрый день, уважаемые читатели и гости блога Отчаянной! Задалась я в последнее время целью сделать свой блог не как у всех, выделить его среди массы подобных ресурсов, придать какую – то небольшую изюминку, чтобы он Вам запомнился и Вы захотели еще вернуться. Конечно, первой мыслью было создание нового шаблона, но на это нужно время, которого всегда не хватает. Затем появилась идея привлечь Ваше внимание техническими возможностями ресурса, то есть сделать то, что встретишь не у всех. И вот тогда и родилась идея создание небольшого теста “А ты станешь успешным блоггером?”, пройти который Вы можете в любой момент. Предвидя дальнейшие вопросы: “Как создать тестирование на блоге как у Вас?”, я решила сегодня не дожидаясь оных на него ответить и рассказать Вам как создать тестирование на wordpress.

Создать тестирование на блоге можно на любую тематику и сложного в этом ничего нет, справится с этим любой начинающий. Главное делать все последовательно и правильно, ведь у Вас в подручных инструментах будет замечательный плагин wp-testme, который и поможет Вам реализовать задуманное. Данный плагин является творением Татьяны, автора блога makemoney.kalaydina.ru

Первым делом скачиваем плагин, устанавливаем его на блог стандартным образом и активируем. После успешной активации в панели управления блогом у Вас должен появиться вот такой пункт:

Нажав на который мы попадем на страницу создания теста, но прежде чем это сделать следует заранее продумать тему Вашего тестирования, написать список вопросов и ответов, а уж потом приступать к его созданию.

Итак, предположим, Вы написали вопросы и ответы и теперь приступаем к созданию тестирования, для этого достаточно в открывшемся диалоговом окне нажать на ссылку “Добавить тест”

после чего появится строка, “Название теста” куда вводим название нашего тестирования и нажимаем на кнопку “Добавить тест”. Далее в таблице появляется строка с названием нашего теста

где отражается id теста, затем его название, дата создания, несколько пиктограмм, позволяющий проводить определенные действия с тестом (редактировать, удалять, просматривать тест и отслеживать статистику ответов), затем автор теста и состояние теста. Так как тест мы еще только создали, но не прописали вопросы и ответы, то он будет иметь статус “Черновика”.

Для того, чтобы продолжить создавать тестирование нажимаем на пиктограмму редактирования (имеет вид листа и карандаша), откроется страница “Управления тестами”, где необходимо пройти 4 шага:

— в первом шаге “Описание теста”

здесь мы обращаем внимание на два пункта – “Тип теста” (стрелочка 1), где следует выбрать как будут отражаться результаты тестирования, по набранным баллам или же каких букв в ответах было больше. А так же пункт “Параметры теста”, где следует определиться как будет проводиться тестирование, здесь все интуитивно понятно.

Сохраняем произведенные изменения нажав на кнопку “Сохранить” и затем кликаем по вкладке ”Шаг 2 — Вопросы”

На открывшейся странице в поле “Вопрос” прописываем наш вопрос теста (стрелочка 1), затем в полях для вариантов ответов (стрелочка 2) прописываем ответы, при этом в зеленом поле (стрелочка 3) присуждаем каждому варианту ответа балл или же букву. Чтобы увеличить количество ответов достаточно нажать на ссылку “Новый ответ”(стрелочка 4), а чтобы добавить новый вопрос нажимаем на ссылку “Добавить вопрос” (стрелочка 5)

В результате проделанной работы у Вас должно получиться примерно следующее:

(естественно, количество баллов я изменила). Снова нажимаем на кнопку “Сохранить” и переходим во вкладку “Шаг 3 — Результаты”

В данной вкладке все очень просто. В зеленных полях (стрелочка 1) если за каждый ответ у нас присуждается балл, то здесь мы указываем промежуточное значение. Поле “Заголовок результата” можно не заполнять. При желание в результатах тестирование можно вывести и картинку, как это сделано у меня

Для этого в поле “Картинка” достаточно кликнуть на кнопку “Загрузить” и после того как необходимое изображение было загружено, нажимаете на “ссылка на файл” копируем ее и вставляем в поле “Картинка”. В заключение Вам останется только задать “Выравнивание” изображения (стрелочка 3). Хочу обратите внимание, что картинка должна быть уже необходимого Вам размера, после загрузки ее невозможно будет автоматически уменьшить.

Далее в поле “Описание” пишем свой текст результата тестирования.

Количество результатов зависит от Вашего желания, для добавления результата достаточно нажать на “Добавить результат”.

После произведенных настроек тестирования в шаге 3 нажимаем снова на кнопку “Сохранить” и затем сразу переходим во вкладку “Шаг 4 — Публикация”

На открывшейся странице мы увидим все параметры нашего созданного тестирования, его результаты, а также код теста, который выглядит следующим образом:

[TESTME 1]

и который можно вставить теперь в любою страницу или статью на блоге. И теперь если Вы зайдете в панели управления тестами, то увидите, что созданный Вами тест имеет статус “Одобрен”.

На этом можно было бы и завершить настройки тестирования, но необходимо еще отредактировать два файла.

Для начала вносим изменения в файл testme_show_results.php, который расположен в папке с плагином wp-testme. Чтобы его открыть достаточно зайти в Плагины — wp-testme – изменить и на открывшейся странице в правой колонке выбрать для редактирование testme_show_results.php

В данном файле ищем строчку:

if (get_option("testme_code_for_forum"

(стрелочка 1), которая расположена в самом конце файла и между тегами <textarea></textarea> прописываем текст, код (стрелочка 3) или ссылку (стрелочка 2), позволяющую опубликовать данный тест на любом другом блоге или форуме. Выглядит это следующим образом:

и я использовала следующий код для теста “А ты станешь успешным блоггером”:

[URL=https://www.lediseo.ru/a-ty-stanesh-uspeshnym-bloggerom.html]А ты станешь успешным блоггером ?[/URL]

А ты станешь успешным блоггером ? Пройди специальный тест и оцени свои шансы на победу.

Снова сохраняем произведенные изменения.

Все тестирование на блоге создано и оно работает, но у него есть один недостаток – стиль тестирования не вписывается в общий дизайн ресурса.

Чтобы это исправить достаточно отредактировать файл wp_testme/testme_style.css, который так же расположен в папке с плагином wp-testme. Откройте данный файл на редактирование и найдите следующие строки:

/* Блок с вопросом и ответами к нему */
.testme_question {
border:2px solid #000000;
margin-top:10px;
background-color:#d4d0c8;
}
 
/* Текст вопроса */
.testme_question_text {
font-weight: bold;
text-align:center;
background-color:#5f9dea;
}

и заменить на свои значения:

/* Блок с вопросом и ответами к нему */
.testme_question {
border:1px solid #c6e4c7;
margin-top:10px;
background-color:#ffffff;
}
 
/* Текст вопроса */
.testme_question_text {
font-weight: bold;
text-align:center;
background-color:#edf9ee;
}

Сохраняем произведенные изменения и проверяем результат работы.

Не знаю как Вам, а мне работа данного плагина wordpress понравилась. Все гениально просто и легко. К тому же я могу вносить изменения в созданный тест на любом этапе и в любой момент, не переписывая при этом вопросы и ответы.

На сим я откланиваюсь всем удачи и до новых встреч на блоге lediseo.ru

Вам понравилась статья? Расскажите о ней друзьям!