ARI Stream Quiz:画像つきクイズ等を簡単に出題できる

2017年7月17日

投稿や固定ページにクイズを表示できる WordPress 用プラグインの紹介です。
それは「ARI Stream Quiz」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。

ARI Stream Quiz

ARI Stream Quiz - WordPress.org

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プラグイン「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;

専用メニュー

WordPressプラグイン「ARI Stream Quiz」のスクリーンショット

ダッシュボードの「設定」メニューの下に追加されています。

使い方

まずは、Quizzes メニューを開いてクイズを作成しましょう。

WordPressプラグイン「ARI Stream Quiz」のスクリーンショット

クイズを作成するには、「ADD A TRIVIA QUIZ」ボタンをクリックします。

結果(RESULTS)

WordPressプラグイン「ARI Stream Quiz」のスクリーンショット

クイズ作成画面は 3 個のタブに分類されています。
上の画像は、クイズに回答後の結果画面用のタブ画面です。

タイトルや回答などを記述していきます。
必要に応じて、画像などを挿入していきます。
なお、正答数に応じて結果画面を変更することもできます。

その場合には「X」となっているところに数値を入力します。

「ADD RESULT TEMPLATE」ボタンをクリックすると結果画面を追加できます。
逆に画面右下のゴミ箱アイコンをクリックすると削除できます。
また「DELETE ALL TEMPLATE」をクリックすると全削除することもできます。

質問(QUESTIONS)

WordPressプラグイン「ARI Stream Quiz」のスクリーンショット

上の画面は、質問とクイズの選択肢を入力していく画面です。
正解の選択肢の「Is the correct answer」にチェックを付けると正解の選択肢になります。
▲▼マークの付いた青いアイコンをクリックするとチェックが移動します。

1 個のクイズに複数の質問を設定できます。

設定(SETTINGS)

WordPressプラグイン「ARI Stream Quiz」のスクリーンショット

  • Theme
    クイズを表示する際のテーマを設定します。
  • Description
    クイズの質問を入力します。
  • Shuffle answers
    答えをシャッフルしてから表示するかどうか。
  • Random questions
    質問をランダムで表示するかどうか。あと、出題数を限定できます。
  • Start quiz immediately
    クイズを直ぐに開始するかどうか。
  • Support shortcodes in questions, quiz description and results
    質問のショートコード、クイズの説明と結果をサポートするかどうか。
  • Show share buttons
    シェアボタンを表示するかどうか。
  • Collect users’data
    ユーザーデータを収集するかどうか。

WordPressプラグイン「ARI Stream Quiz」のスクリーンショット

クイズを作成した後のクイズ一覧画面の状態です。
ショートコードのコピーや投稿や固定ページの新規作成などもできます。

設定(Settings)

一般設定(GENERAL)

WordPressプラグイン「ARI Stream Quiz」のスクリーンショット

  • 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
    ユーザーは回答を変更できるかどうか。

WordPressプラグイン「ARI Stream Quiz」のスクリーンショット

MailChimp もしくは、MailerLite サービスと統合する際には、APIキーが必要です。
アカウントにログインし、API キーを取得して設定します。

シェア設定(SHARING)

WordPressプラグイン「ARI Stream Quiz」のスクリーンショット

  • 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)

WordPressプラグイン「ARI Stream Quiz」のスクリーンショット

  • 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"]

URL

ARI Stream Quiz – WordPress.org

本ページはアフィリエイトプログラムによる収益を得ています

クイズ

Posted by 管理人