Hot Potatoes in Wordpress
This page started life as an incoherent test post, but turns out to be one of the most popular articles, so here goes making it coherent.
The first thing to do to get your hotpotato up on your Wordpress blog is to upload it. Now, Wordpress.com doesn’t let you upload html files. You could upload your html file to Dropbox and make a link to that file like this
Wordpress.com is also fussy about what it embeds, so you can’t embed it in a page, but people can click on your link to reach the hot potato. Dropbox mixes up the addresses, so the Masher sets of hotpotato quizzes won’t work. Unless you have a self-hosted Wordpress.org site.
The Self Hosted Wordpress Way
Self hosted Wordpress does let you upload and embed html files. First upload using the Media Library, then get the link address.
In the page you want to embed your quiz, go to edit the page/post, switch from Visual to Text mode, use this code:
<iframe src="http://yourwebsite.com/path-to-your.htm" height="400" width="400"></iframe>
Which should give something like this:
You may need to adjust the width and height according to your quiz.
I hope that helps,
PS: the Github Pages way
There is another way that is free and very satisfying using Github Pages. It is also very useful for collaborative projects and keeping track of changes. There is a lot to learn in the process, but if you are passionate about education, then that can be a bonus.
This whole website is hosted with github pages now.
PPS: Quiz Faber
An Italian programmer from Turin has made an awesome program that’s even better than Hot Potatoes : Quiz Faber
It is a windows program which is really close to working under Linux, but not quite there yet (Next Release, any minute now, for the last few years)
PPPS: (2021) H5P
H5P is great for Wordpress, Drupal and Moodle. For those doing the static website, now there’s Lumi Education which makes a desktop application which can make standalone code with some really nifty features.