ARI Stream Quiz:画像つきクイズ等を簡単に出題できる
投稿や固定ページにクイズを表示できる WordPress 用プラグインの紹介です。
それは「ARI Stream Quiz」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。
ARI Stream Quiz
ARI Stream Quiz は、任意の数の質問と回答のクイズを無制限に作成することができます。
一問一答形式や性格診断のような複数問形式も可能です。
質問をランダムな順序で表示し、回答をシャッフルさせてから表示することも可能です。
質問や回答には画像を挿入することもできます。
作成したクイズは、ショートコードで簡単に投稿や固定ページに表示できます。
Facebook、Twitter、Google+、Pinterest、LinkedIn などの SNS に結果をシェアしたり、
メールで送信する事も可能です。
ユーザーの回答を含むクイズ結果の統計を収集して管理画面でグラフィカルに表示できます。
クイズの結果を CSV にエクスポートすることもできます。
記事を作成もしくは更新時点でのバージョン:v 1.2.19
マルチサイトでの利用:可
インストール手順
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化するか
ARI Stream Quiz – WordPress.org
もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面から入手できます。
ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「ARI Stream Quiz」と入力します。
検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。
プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。
WordPressプラグインのインストール手順を解説 – WordPress活用術
日本語化
ARI Stream Quiz を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。
WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。
※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。
日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。
WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術
専用テーブル
下記のテーブルを ARI Stream Quiz 専用のテーブルとして作成し利用します。
テーブル作成時に $wpdb->prefix も使用しているので、マルチサイトにも対応。
install.sql から CREATE TABLE 文を抜粋(記事用に一部修正)。
CREATE TABLE IF NOT EXISTS `#__asq_answers` (
`answer_id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
`answer_guid` varchar(36) COLLATE utf8mb4_unicode_ci NOT NULL,
`question_id` bigint(20) unsigned NOT NULL,
`quiz_id` bigint(20) unsigned NOT NULL,
`image_id` bigint(20) unsigned NOT NULL DEFAULT '0',
`answer_title` text COLLATE utf8mb4_unicode_ci NOT NULL,
`answer_correct` tinyint(1) unsigned NOT NULL DEFAULT '0',
`answer_order` smallint(6) unsigned NOT NULL DEFAULT '0',
PRIMARY KEY (`answer_id`),
KEY `answer_quiz_id` (`quiz_id`),
KEY `answer_image_id` (`image_id`),
KEY `answer_question_id` (`question_id`)
) CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
CREATE TABLE IF NOT EXISTS `#__asq_questions` (
`question_id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
`quiz_id` bigint(20) unsigned NOT NULL,
`question_title` text COLLATE utf8mb4_unicode_ci NOT NULL,
`image_id` bigint(20) unsigned NOT NULL DEFAULT '0',
`question_order` smallint(11) unsigned NOT NULL DEFAULT '0',
`question_explanation` text COLLATE utf8mb4_unicode_ci NOT NULL,
`show_explanation` tinyint(1) unsigned NOT NULL DEFAULT '0',
PRIMARY KEY (`question_id`),
KEY `question_quiz_id` (`quiz_id`),
KEY `question_image_id` (`image_id`)
) CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
CREATE TABLE IF NOT EXISTS `#__asq_quizzes` (
`quiz_id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
`quiz_title` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL DEFAULT '',
`quiz_title_filtered` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
`quiz_description` text COLLATE utf8mb4_unicode_ci NOT NULL,
`quiz_image_id` bigint(20) unsigned NOT NULL DEFAULT '0',
`quiz_type` enum('PERSONALITY','TRIVIA') COLLATE utf8mb4_unicode_ci NOT NULL DEFAULT 'TRIVIA',
`question_count` smallint(11) unsigned NOT NULL DEFAULT '0',
`shuffle_answers` tinyint(1) unsigned NOT NULL DEFAULT '0',
`random_questions` tinyint(1) unsigned NOT NULL DEFAULT '0',
`random_question_count` smallint(6) unsigned NOT NULL DEFAULT '0',
`use_paging` tinyint(1) unsigned NOT NULL DEFAULT '0',
`questions_per_page` smallint(6) unsigned NOT NULL DEFAULT '0',
`start_immediately` tinyint(1) unsigned NOT NULL,
`theme` varchar(30) COLLATE utf8mb4_unicode_ci NOT NULL DEFAULT '',
`quiz_meta` longtext COLLATE utf8mb4_unicode_ci,
`author_id` bigint(20) unsigned NOT NULL DEFAULT '0',
`created` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
`modified` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
`collect_data` tinyint(1) unsigned NOT NULL DEFAULT '0',
`collect_data_optional` tinyint(1) unsigned NOT NULL DEFAULT '0',
`collect_email` tinyint(1) unsigned NOT NULL DEFAULT '0',
`collect_name` tinyint(1) unsigned NOT NULL DEFAULT '0',
`post_id` bigint(20) unsigned NOT NULL DEFAULT '0',
PRIMARY KEY (`quiz_id`),
KEY `quiz_author_id` (`author_id`),
KEY `quiz_image_id` (`quiz_image_id`),
KEY `quiz_type` (`quiz_type`),
KEY `post_id` (`post_id`)
) CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
CREATE TABLE IF NOT EXISTS `#__asq_result_templates` (
`template_id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
`quiz_id` bigint(20) NOT NULL,
`template_title` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
`image_id` bigint(20) unsigned NOT NULL DEFAULT '0',
`template_content` text COLLATE utf8mb4_unicode_ci NOT NULL,
`end_point` smallint(11) NOT NULL,
PRIMARY KEY (`template_id`),
KEY `quiz_id` (`quiz_id`),
KEY `image_id` (`image_id`)
) CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
専用メニュー
ダッシュボードの「設定」メニューの下に追加されています。
使い方
まずは、Quizzes メニューを開いてクイズを作成しましょう。
クイズを作成するには、「ADD A TRIVIA QUIZ」ボタンをクリックします。
結果(RESULTS)
クイズ作成画面は 3 個のタブに分類されています。
上の画像は、クイズに回答後の結果画面用のタブ画面です。
タイトルや回答などを記述していきます。
必要に応じて、画像などを挿入していきます。
なお、正答数に応じて結果画面を変更することもできます。
その場合には「X」となっているところに数値を入力します。
「ADD RESULT TEMPLATE」ボタンをクリックすると結果画面を追加できます。
逆に画面右下のゴミ箱アイコンをクリックすると削除できます。
また「DELETE ALL TEMPLATE」をクリックすると全削除することもできます。
質問(QUESTIONS)
上の画面は、質問とクイズの選択肢を入力していく画面です。
正解の選択肢の「Is the correct answer」にチェックを付けると正解の選択肢になります。
▲▼マークの付いた青いアイコンをクリックするとチェックが移動します。
1 個のクイズに複数の質問を設定できます。
設定(SETTINGS)
- Theme
クイズを表示する際のテーマを設定します。 - Description
クイズの質問を入力します。 - Shuffle answers
答えをシャッフルしてから表示するかどうか。 - Random questions
質問をランダムで表示するかどうか。あと、出題数を限定できます。 - Start quiz immediately
クイズを直ぐに開始するかどうか。 - Support shortcodes in questions, quiz description and results
質問のショートコード、クイズの説明と結果をサポートするかどうか。 - Show share buttons
シェアボタンを表示するかどうか。 - Collect users’data
ユーザーデータを収集するかどうか。
クイズを作成した後のクイズ一覧画面の状態です。
ショートコードのコピーや投稿や固定ページの新規作成などもできます。
設定(Settings)
一般設定(GENERAL)
- Hide title
タイトルを隠すかどうか。 - Image answers per row
行ごとに表示される画像ベースの回答数を指定します。
- Default theme
クイズで使うデフォルトテーマを選択します。クイズでの設定でテーマが設定されていると無効となります。 - Smart scroll
チェックを付けると、クイズ中で、次の要素(質問、クイズ結果など)に自動的にスクロールできます。 - Scroll duration
スクロールアニメーションの時間(ミリ秒)を設定します。 - Scroll offset
オフセット値を指定します。負の数値も指定可。 - Show questions at the end
チェックを付けると、全ての質問がクイズの最終ページに表示されます。 - Warning on exit
チェックを付けると、ユーザーが未回答のクイズを残すと警告メッセージを表示できます。 - Show result per question
ユーザーが正解を見れるタイミングを指定できます。 - Lockout single answers
ユーザーは回答を変更できるかどうか。
MailChimp もしくは、MailerLite サービスと統合する際には、APIキーが必要です。
アカウントにログインし、API キーを取得して設定します。
シェア設定(SHARING)
- Facebook App ID
Facebook App ID を入力します。 - Share buttons
シェアボタンを表示したいソーシャルメディアを選択します。
- Title on result page
結果ページのタイトル。 - Title of Facebook post
Facebook へのシェア投稿のタイトル。 - Content of Facebook post
Facebook へのシェア投稿の内容。 - Content of Twitter post
Twitter へのシェア内容。 - Mail subject
メールタイトル。 - Mail body
メールの本文。
高度な設定(ADDVANCED)
- Clean uninstall
チェックを付けると、ARI Stream Quiz をアンインストールすると ARI Stream Quiz の設定とデータが削除されます。 。 - Disable script optimization
チェックを付けると、サードパーティのプラグインによるスクリプトの読み込みの最適化を回避します。 - Load Facebook SDK
チェックを付けると、Facebook JS SDK の読み込みを行います。 - Add meta tags
チェックを付けると、Open Graph と Twitter メタタグを追加します。 - Images laza loading
チェックを付けると、画像の読込遅延を行います。 - Custom CSS styles
カスタム CSS を入力できます。
ショートコード
下記のショートコードを利用すると、任意のページに指定したクイズを表示できます。
[streamquiz id="9999999"]