WordPress EZQuiz

MTS EZQuiz プラグインは、「簡単に三択クイズが作れるように」と考えて制作しました。ここでは、このプラグインを使ってどのようにクイズを作るか簡単に説明します。最初に、このプラグインで作ったクイズがどのように動作するか、次の2つのサンプルクイズを実行して試してみて下さい。

インストール・アンインストール

メニューインストールは、下記のダウンロードリンクからダウンロードし、解凍後 mts-ezqui ディレクトリごと、WordPress のある wp-content/plugins ディレクトリへFTPを利用して転送します。あとは、管理画面の[プラグイン]-[インストール済み]の一覧リストから、MTS EZQuiz を「使用する」にすればOKです。ダッシュボードに、右図のようなメニューが追加されます。

アンインストールは、同じく「停止する」にしてから「削除」すればOKです。ただし「削除」を実行すると、登録したデータが全てデータベースから削除されますのでご注意下さい。

クイズの作成

メニューから「クイズ一覧」を実行すると、下図のような何もデータが登録されていない一覧が表示されます。

空一覧リスト

タイトルのすぐ下に「クイズ追加」のサブメニューが表示されています。このプラグインでは、データ操作のサブメニューがこの部分と、一覧リストの右側に「編集 | 削除」のサブメニューの2ヶ所表示されます。

問題の追加は次のようにします。

クイズの追加

グループ名
グループ名は、一連のクイズをまとめるキーワードです。
クイズ順番
グループごとのクイズ一覧で表示する順位。最初に実行するクイズが先頭に来るように指定して下さい。
タイトル
クイズページで表示されるタイトルヘッダ。
問題
クイズの問題や解答を、HTMLタグを利用して入力して下さい。
ヒント
ヒントを用意したいとき利用して下さい。ヒントは「id=”mtsqz_hint”」属性の div タグ内に、インラインで「style=”display:none”」と指定されて、問題表示データの最後に出力されます。
ヒントの表示は、「id=”mtsqz_hint_open”」属性が付けられたDOMを問題の中に用意して下さい。DOMがクリックされると表示されます。
サンプルの例:「p」タグで囲まれた問題文の最後に、「<p><span id=”mtsqz_hint_open”>ヒント <img src=”/images/page/quiz/h06.gif” /></span></p>」と入力して、画像を利用してます。
解答タイプ
デフォルトは「0」です。「1」に設定すると解答は非表示となり、別に用意したクリック文のクリックで非表示から表示に切り替えます。クリック文は、「id=”mtsqz_click”」属性を付けて用意して下さい。
サンプルの例:

  • 問題文章をクリックするごとに表示する方法
    「<p class=”mtsqz_para”>現在の地名は、1868年(明治元年)に出された詔書により、本地域を管轄する府が設置されたことによりはじまりました。</p>」のように、class属性「mtsqz_para」を利用します。
  • クリック文の入力の仕方
    サンプルでは、「<p id=”mtsqz_click”><img src=”/images/page/quiz/h06.gif” alt=”クリック” /></p>」のパラグラフを、問題文の最後に挿入して、画像をクリックしてもらうようにします。
解答
解答は、選択する解答と、選択されたときに次を表示するクイズデータのIDを記入します。ハズレ表示やアタリ表示用のクイズデータを用意しておくといいでしょう。デフォルトで「0」はハズレ終了、「-1」はアタリ終了です。

解答の追加

解答追加ボタン
選択肢が3つ以上の場合、追加ボタンを押して選択肢を増やすことができます。

クイズの編集で、解答の編集を実行すると以下のような画面で、解答データの詳細編集ができます。

解答の詳細編集

クイズID
この回答がどのクイズの解答か、クイズIDで示します。
順位
解答の表示の順番を示します。
解答
選択肢の文字列です。
次ID
この回答が選択された場合、次に表示するクイズIDを入力します。デフォルトで「0」ならハズレ終了、「-1」ならアタリ終了です。
解答選択肢の前に表示する内容です。ない場合は、何も入力しないで下さい。サンプルでは、画像のリンクデータを入力してます。

クイズページの作り方

クイズのページは、投稿編集かページ編集で以下のようにショートコードを入力すれば出来上がりです。

<h2>MTS EZQuizプラグイン利用のサンプルクイズ</h2>
<p>三択問題クイズの例です。</p>

[mtsqz_quiz_show quiz="Sample"]

パラメータ「quiz」に、グループで指定した名称を指定します。

(091214)


WordPress Ver.2.8.6, Ver.2.9.1, Ver.3.0.4
Download: [link_download_file filename=”mts-ezquiz-0.5.2.zip”]