息子（4歳）が描いたポケモンのイラストが、絶妙に分からなさそうで分かりそうな、いい具合に特徴を捉えててとても良かったので、WordPressのサイト上で、画像を表示して「これはなんのイラストでしょう？」という問題に答えるクイズを作りたいと思います。今回は「４歳児が描いたポケモンのイラストを表示して名前を答える」クイズを作ります！
作ったクイズはこちらの記事から遊べます！
クイズを作る準備
クイズに使う画像を集める
子どもが描いたイラストを写真で撮っておきます。必要に応じて、トリミングしたり明るさなどを調整したりしておきます。
Quiz Makerのインストール
WordPressのダッシュボード→プラグイン→プラグインを追加→プラグインの検索のところで「Quiz Maker」を検索
「Quiz Maker」の「今すぐインストール」からインストールします。
参考：Quiz Makerのサイト（https://ja.wordpress.org/plugins/quiz-maker/）
クイズを作る手順
まず質問を作る
WordPressの左のメニューに「Quiz Maker」という項目が追加されるので選択します。
まずは「question」、つまり「質問」を作ります。この質問をまとめて「クイズ」を作成する感じです。一問ずつ質問を作っていきましょう。
「新規追加」。あらかじめ３つ質問が用意されていますが、削除してもいいと思います。
「質問画像」
今回はイラストを使う問題を作るので、「画像を追加する」から、用意しておいた画像をアップロードして挿入します。
「質問」
問題文を入力します。今回は「このポケモンの名前は？」と入力しました。
「質問タイプ」
回答者にどの形式で回答してもらうか選びます。４択から選ぶ方法と迷いましたが、難易度を上げるために記入式にすることにしました。名前を答えてもらうだけなので「短いテキスト」を選びました。
「回答」
この問題の答えを入力します。複数の答えも設定できてすごい。答えに「ピカチュウ」と「Pikachu」を設定したかったら,、「ピカチュウ%%%Pikachu」と設定しておきます。
ちなみに「PLACEHOLDER」は、テキストボックスの中に薄い文字で何を入力するのか分かりやすく表示できるあれです。
「質問カテゴリー」
質問をカテゴリ分けできます。分けたい場合はカテゴリを先に作っておく必要がありますが、そんなにたくさんクイズを作るわけじゃなければ、既定のままでいいと思います。
カテゴリはQuiz Makerのメニューの「質問カテゴリー」から作成できます。
「質問タイトル」
入力しておくと、質問を一覧表示した時にタイトルとして表示できます。ここが未入力の場合は↑の「質問」で設定した問題文がそのまま表示されます。問題文が長いときは、この質問タイトルをつけておくと便利かもしれません。
一番下の「詳細設定」からは、問題のヒントなども設定できます。
これで質問が一つ完成しました。
一旦保存してもう少し調整する場合は「保存」。質問を作るのを終わるなら「保存して閉じる」で保存して質問一覧の画面へ移動します。続けて質問を作るなら「保存して新規作成」を選びます。
クイズを作る
いくつか質問を作ったら、クイズを作ります。
Quiz Makerのメニューの「クイズ」→「新規追加」
「タイトル」
このクイズ（質問の集まり）のタイトルを設定します。今回は「ポケモンわかるかな？」としました。
「クイズの画像」
あれば挿入します。今回は飛ばしましたが、あると華やかになります。
「説明」
クイズの説明を入力します。今回は、子どもが描いたポケモンのイラストが表示されるので名前を答えてね、という旨を入力しました。
「質問」
「問題の挿入」から、先ほど作成した「質問」を選択して挿入します。
質問メニューの一覧では画像がサムネイル表示されていたのでどれがどの問題か判別できましたが、この挿入する時の一覧には画像がありませんでした。質問のIDで判別できますが、場合によっては「質問タイトル」をちゃんと設定した方が管理しやすいかもしれません。
問題が挿入できたらクイズの完成です！やったー！
一旦「保存」をしてプレビューで動かしてみましょう。楽しいです。
細かい設定は、このクイズの編集画面の上部タブ「スタイル」や「設定」から変更できます。デフォルトだと１問ずつ回答して次へと画面推移していきますが、一度に問題を全部表示することもできました。
記事として公開する
クイズの完成しましたが、これだけだとプレビューからしか問題に到達できません。
ショートコードをコピーして記事に貼り付け、その記事を公開することで、クイズを公開することができます！せっかく作ったクイズなので、たくさんの人に挑戦してもらえるといいですね！！
クイズの回答結果
このQuiz Maker、クイズに答えた人がいるとその「結果」も見られます。すごい。回答にかかった時間や、スコア（点数）も記録してくれます。みんなが何点ぐらい取れたか分かるのはおもしろそうです。
思ったよりも簡単にクイズができました！WordPressのサイトをお持ちの方という前提にはなってしまいますが、面白そう〜と思った方は参考にしてください☺️
コメント