WordPressで簡単にクイズを作成する方法

WordPressサイトをよりインタラクティブにするために多くの方法を試してきましたが、常に注目を集める機能の1つがクイズです。遊び心のある性格診断クイズから詳細な知識テストまで、あらゆるものを作成してきましたが、エンゲージメントを高めるのに役立ちます。

クイズは単に楽しいだけでなく、フィードバックを収集したり、訪問者が何を気にしているかを学んだり、ユーザーエクスペリエンスを向上させたりするためにも使用できます。

最初は、WordPressサイトにクイズを追加するのは複雑で費用がかかるように思われました。しかし、適切なツールを使えば、驚くほど簡単です。

このガイドでは、WordPressでクイズを作成する2つの簡単な方法を紹介します。Thrive Quiz Builderを使用して、リードやソーシャルシェアを獲得するために設計された、楽しくインタラクティブなクイズを作成します。また、Formidable Formsは、より高度でデータ駆動型のクイズや採点テストに最適です。💡

WordPressサイトにクイズを追加する理由

クイズは楽しくて魅力的です。インタラクティブであるため、ユーザーは他の種類のWordPressフォームよりもクイズの方がやりがいがあると感じることがよくあります。

マーケターは長い間、クイズを使用してリードを生成してきました。たとえば、訪問者のメールアドレスを収集してクイズの結果を送信したり、メールニュースレターに登録するように依頼したりできます。

また、訪問者に結果を投稿するように促すことで、より多くのソーシャルシェアを獲得するのに役立ちます。BuzzFeedは、クイズがバイラルになる方法の完璧な例です。

オンラインコースを販売している場合、クイズは学生の知識をテストし、学習したことを強化するための重要なツールです。これらのクイズは自動化できるため、学生体験を向上させる簡単な方法です。

オンラインストアを運営している場合は、買い物客にいくつかの情報を尋ねる短いクイズを作成することもできます。その後、回答に基づいて製品またはサービスを提案できます。

これは、買い物客に商品情報を読んでもらうよりもはるかに魅力的で、より多くの売上を上げるのに役立ちます。

それでは、WordPressで簡単にクイズを作成する方法を見ていきましょう。お好みの方法に直接ジャンプするには、以下のクイックリンクを使用してください。

• Method 1: Creating a WordPress Quiz With Thrive Quiz Builder (Recommended)
  • ステップ1：Thrive Quiz Builder プラグインをインストールする
  • ステップ2：Thrive Quiz BuilderでWordPressクイズを作成する
  • ステップ3：Thrive Quiz を最適化する
  • ステップ4：WordPressウェブサイトにクイズを表示する
• Method 2: Creating a WordPress Quiz Using a Form Builder
  • ステップ1：Formidable FormsとQuiz Makerアドオンをインストールする
  • ステップ2：Formidable Quiz MakerでWordPressクイズを作成する
  • ステップ3：WordPressサイトにクイズを追加する
• ボーナスのヒント：オンラインクイズウェブサイトの構築
• よくある質問：WordPressでクイズを作成する
• WordPressサイトでフォームをさらにクリエイティブに活用する方法

方法 1: Thrive Quiz Builder で WordPress クイズを作成する (推奨)

Thrive Quiz Builderは、市場にある最高のWordPressクイズプラグインの1つです。コードを編集することなく、魅力的で強力なリードクイズを簡単に作成できます。

使いやすいビジュアルクイズビルダー、既製のクイズテンプレート、組み込みのバッジクリエーター、強力なクイズ分析などが付属しています。

詳細については、当社の詳細な Thrive Themesレビューをご覧ください。

ステップ1：Thrive Quiz Builder プラグインをインストールする

開始するには、Thrive Quiz Builderのウェブサイトにアクセスし、アカウントにサインアップする必要があります。

プラグインを購入したら、メンバーダッシュボードにアクセスできます。そこから、「Thrive Product Managerプラグインをダウンロードしてインストールする」という緑色のリンクをクリックします。

Thrive Product Managerプラグインをダウンロードした後、WordPressサイトにインストールして有効化する必要があります。手順については、WordPressプラグインのインストール方法に関するガイドを参照してください。

WordPress ダッシュボードで、「Product Manager」という新しいメニュー項目をクリックします。次に、「Log into my account」ボタンをクリックします。

Thriveのユーザー名とパスワードを入力すると、Thrive Product Manager Dashboardが表示されます。

次に、インストールしたい製品を選択できます。「Thrive Quiz Builder」をクリックして選択し、「選択した製品をインストール」ボタンを押します。

Thrive Quiz Builder プラグインが使用可能になると、成功メッセージが表示されます。

「Thrive Themesダッシュボードに移動」ボタンをクリックして続行できます。

ステップ2：Thrive Quiz BuilderでWordPressクイズを作成する

次に、すべてのThriveプラグインを管理できるThriveダッシュボードが表示されます。

ここで、「Thrive Quiz Builder」の下にある「Quiz Builder Dashboard」ボタンをクリックします。

ここからクイズビルダーダッシュボードページに移動し、最初のインタラクティブフォームを作成する準備ができます。

開始するには、「新規追加」または「新規クイズ追加」ボタンをクリックします。

次に、クイズのテンプレートを選択するように求められます。4つの異なるオプションがあります。

• ゼロから構築 – 事前定義された設定のない空白のテンプレート。
• リスト構築 – ユーザーがあなたのメールリストに登録した場合にのみ、結果ページが表示されます。
• ソーシャルシェア – クイズ結果ページでは、ソーシャルシェアボタンを追加することで、訪問者に結果を共有するように促します。
• カスタムインサイトを獲得 – 視聴者についてさらに詳しく知るのに最適な、アンケートクイズテンプレート。

このガイドでは、「スクラッチから構築」テンプレートを選択します。次に、「続行」ボタンをクリックします。

次に、クイズの名前を入力する必要があります。

これは参考用ですので、クイズの内容を覚えるのに役立つものは何でも使用できます。

クイズ名を入力したら、「続行」ボタンをクリックします。

これで、クイズビルダーダッシュボードに戻り、クイズの作成を開始できます。

まず、クイズタイプを選択する必要があります。これを行うには、「タイプを変更」ボタンをクリックするだけです。

このプラグインには、5つの異なるクイズタイプが用意されています。

• Number – クイズの最終結果を数値で表示します。
• パーセンテージ – クイズの最終結果をパーセンテージで表示します。
• カテゴリ – 性格診断のような、複数の結果カテゴリが可能なクイズを作成します。
• 正解/不正解 – 各質問に1つ以上の正解があるクイズを作成し、結果で正解をハイライト表示します。
• アンケート – アンケートまたはアンケート形式のクイズを作成します。参加者は特定の結果を受け取りません。

このガイドでは、「数値」オプションをクリックして選択し、「続行」ボタンをクリックします。

次に、フィードバックが画面に表示される時間を選択できます。

フィードバックは、ユーザーが質問に回答した後に表示される特別なメッセージです。オプションは次のとおりです。

• フィードバックを表示しない
• 10秒
• ユーザーが「次へ」ボタンを押すまで。

希望するオプションをクリックし、「保存」ボタンを押すだけです。

次のステップでは、クイズの外観を制御するクイズスタイルを選択する必要があります。

そのためには、「クイズスタイルの選択」オプションをクリックします。

Thrive Quiz Builderには、美しくプロフェッショナルな見た目のクイズをすばやく作成するための、複数の事前デザインされたテンプレートが付属しています。これらのテンプレートは、クイズのすべての部分のデザインが含まれているため、優れた出発点となります。

• クイズを紹介し、人々が始めるのを興奮させる スプラッシュページ。
• ユーザーがクイズと対話する質問と回答ページ。
• 結果を明らかにする前に、オプションでメールを要求するための オプトインゲート。
• 最終スコアまたは結果を表示するための 結果ページ。

好みのテンプレートを選択し、「スタイルの選択」ボタンをクリックして続行してください。

クイズのスタイルを選択したら、クイズの質問と回答を作成する準備が整います。

開始するには、「質問」セクションの「管理」ボタンをクリックします。

これにより、Thriveのライブ質問エディターに移動します。

クイズに最初の質問を追加するには、画面左上の「質問を追加」ボタンをクリックします。

ここで質問タイプを選択できるポップアップが表示されます。以下から選択できます。

• ボタン付き複数選択
• 画像付き多肢選択問題
• 開放的な質問

ここでは、「ボタン付き複数選択肢」オプションを選択し、「続行」ボタンをクリックします。

次に、新しいポップアップウィンドウが開きます。

ここで、「質問テキスト」フィールドに質問を入力できます。

オプションで、質問に画像と説明を追加し、タグを有効にすることができます。

タグは、回答に基づいてユーザーを分類できる強力な機能です。たとえば、マーケティングクイズでは、ユーザーを「初心者」または「上級者」としてタグ付けして、異なるフィードバックや結果を表示できます。

その後、「回答」フィールドに最初の回答オプションを入力します。

また、有効になっている場合は「フィードバック」フィールドに表示したいテキストを入力し、「ポイント」フィールドで回答のポイント数を変更することもできます。

回答をさらに追加するには、「新しい回答」ボタンをクリックするだけです。

すべての可能な回答を追加し終えるまでプロセスを繰り返し、完了したら「保存」ボタンを押してください。

これで、ライブ質問エディタに最初の質問が表示されます。

質問をさらに追加するには、「質問を追加」をクリックしてプロセスを繰り返してください。

すべての質問と回答を追加すると、ライブ質問エディタでのクイズは次のようになります。

すべての質問を追加したら、ドラッグアンドドロップで並べ替えることができます。

次に、質問を接続してクイズの流れを作成する必要があります。

質問を順番に接続するには、一方の質問の円をクリックし、もう一方の質問の円まで線をドラッグするだけです。

より高度なフローを作成することもできます。たとえば、ユーザーの以前の回答に基づいて異なる質問を表示する条件付きクイズを作成できます。

これを行うには、特定の回答の横にある円をクリックし、次に表示したい質問まで線をドラッグします。

上の画像では、「True」と回答したユーザーにのみ次の質問を表示しています。

質問の設定に満足したら、「保存して終了」ボタンをクリックしてライブ質問エディターを終了します。

次に、最終ステップであるクイズの結果ページを作成する画面に移動します。

Thriveのクイズテンプレートには、すぐに使える結果ページが含まれているため、ここではあまり作業する必要はありません。ただし、結果ページを調整したい場合は、「結果ページ」セクションの下にある「管理」ボタンをクリックして開始できます。

次のページで、「編集」（青い鉛筆アイコン）ボタンをクリックして、結果ページを編集します。

これでThrive Quiz Builderページが開きます。

これによりThriveページビルダーが開きます。ここで、任意の要素をクリックして、色、フォント、レイアウトなどを変更できます。

終了したら、「作業を保存」ボタンをクリックすることを忘れないでください。

ステップ3：Thrive Quiz を最適化する

これで、簡単なクイズを作成できます。ただし、Thrive Quiz Builderには、クイズを改善できる追加機能がいくつかあります。

例えば、クイズの受講を促す導入ページであるスプラッシュページを追加できます。

また、オプトインゲートを追加することもできます。これは、ユーザーがクイズを終了した後、結果を表示する前に表示されるフォームです。

結果を表示するためにユーザーにメールアドレスの提供を求めるため、メールリストを増やすための強力なツールになります。

これらのページを追加するには、Thrive Quiz Builderダッシュボードでページをクリックするだけです。

クイズに自動的に追加されます。

クイズの作成が完了したら、WordPressサイトに追加する時間です。

ステップ4：WordPressウェブサイトにクイズを表示する

ショートコードを使用して、クイズを任意のページ、投稿、またはサイドバーのようなサイトの他の領域に簡単に表示できます。このガイドでは、クイズをページに追加しますが、WordPressサイトの他の領域の手順も同様です。

開始するには、Thrive Quiz Builderダッシュボードの上部にあるクイズショートコードをコピーします。

次に、WordPress管理ダッシュボードから ページ » 新規追加 に移動します。WordPressコンテンツエディター内にいる場合は、「+」ボタンをクリックして新しいブロックを追加します。

表示されるポップアップで、「ショートコード」と入力して「ショートコード」ブロックを見つけ、クリックして投稿に追加します。

次に、以前にコピーしたクイズショートコードをショートコードブロックに貼り付けます。

完了したら、ページを発行または更新するだけです。クイズはウェブサイトで公開されます。

方法2：フォームビルダーを使用してWordPressクイズを作成する

ウェブサイトでクイズ、フォーム、アンケートを1つのプラグインで処理したい場合は、Formidable Forms が優れた選択肢です。これはWordPressの最高のフォームビルダープラグインの1つであり、簡単なドラッグアンドドロップビルダーで高度なクイズを作成できます。

これは、ウェブサイトに設定されると、アンケート、クイズ、お問い合わせフォーム、登録フォーム、予約フォーム、計算機フォームなどを作成するために使用できることを意味します。

プラグインの詳細については、Formidable Formsの完全レビューをお読みください。

ステップ1：Formidable FormsとQuiz Makerアドオンをインストールする

クイズを作成するには、Quiz Maker アドオンが含まれている Formidable Forms Business プランを使用する必要があります。

まず、Formidable Forms プラグインをインストールして有効化する必要があります。詳細な手順については、WordPress プラグインのインストール方法に関するガイドを参照してください。

プレミアムプラグインを有効化した後、無料の Formidable Forms Liteプラグインもインストールする必要があります。無料バージョンはコアの基盤を提供し、プレミアムバージョンは強力なクイズ機能をその上に加えています。

それが完了したら、ダッシュボードのFormidable Forms » グローバル設定ページに移動し、「ライセンスキーを手動で入力」を選択します。

ライセンスキーは、Formidable Forms のウェブサイトのアカウントの下にあります。この情報を入力したら、「ライセンスを保存」ボタンをクリックしてください。

次に、Formidable » Add-Ons に移動して、Quiz Maker アドオンをインストールする必要があります。この画面で、Quiz Maker を見つけて、その「インストール」ボタンをクリックします。数秒後、Formidable Forms は Quiz アドオンを「アクティブ」と表示します。

ステップ2：Formidable Quiz MakerでWordPressクイズを作成する

Formidable Forms Quiz Maker をインストールしたので、最初のWordPressクイズを作成する準備ができました。

開始するには、Formidable » Forms に移動し、「新規追加」ボタンをクリックします。

これにより、住宅ローン計算機や予約フォームを作成するために使用できるテンプレートを含む、プラグインの既製のテンプレートすべてを表示するポップアップが開きます。

このガイドでは、最初から始めますので、「空白フォーム」をクリックしてください。

これにより、テンプレートがFormidable Formsエディタで開かれます。

右側にはライブプレビューがあり、左側にはクイズにドラッグアンドドロップできるすべてのフィールドを含むメニューがあります。

クイズは、顧客からのフィードバックの取得、WordPressブログでの市場調査の実行、知識のテストなど、さまざまな目的で役立ちます。

作成するクイズの種類によっては、さまざまな種類のフィールドが必要になる場合があります。例として、複数の選択肢を含むさまざまな質問タイプを組み合わせた知識クイズの作成方法を説明します。

クイズにフィールドを追加するには、左側のメニューからドラッグしてライブプレビューにドロップするだけです。「テキスト」フィールドを追加することから始めましょう。

その後、ライブエディターで新しい「テキスト」フィールドをクリックして選択します。

次に、「フィールドラベル」に質問を入力できます。

次に、多肢選択式の質問を作成します。

単純に「ドロップダウン」フィールドをフォームにドラッグします。

再度、右側のプレビューで「ドロップダウン」フィールドをクリックし、「フィールドラベル」に質問を入力します。

これで、「ドロップダウンオプション」セクションに可能な回答を入力できます。

複数選択問題にさらに回答を追加するには、「オプションを追加」ボタンをクリックするだけです。これらの手順を繰り返して、クイズにさらに質問を追加できます。

クイズの外観に満足したら、「保存」をクリックして変更を保存してください。

次に、フォームの名前を付けるように求められます。これは、後でフォームを識別するのに役立つ限り、好きなものにできます。完了したら、「保存」をクリックするだけです。

「スタイル」タブを探索して、さまざまな既製のデザインオプションを試すこともできます。

それぞれを試して、どのフォームデザインが最適かを確認してください。

次に、正しい回答を設定し、「設定」タブを選択してユーザーのスコアを表示します。

左側のメニューで「アクションと通知」を選択し、「採点済みクイズ」をクリックします。

新しい「採点済みクイズ」セクションまでスクロールすると、このアクションにはすでにいくつかのデフォルト設定があることがわかります。

Formidable Forms は、質問と解答をランダム化できるため、不正行為がより困難になります。

デフォルトでは、これらの設定は無効になっています。「質問をランダム化」および「選択肢をランダム化」トグルをクリックして、有効にしたい場合があります。

Formidable Formsは、デフォルトで正解ごとに1ポイントを授与します。ただし、異なるポイントを割り当てたい場合や、不正解にマイナススコアリングを許可したい場合は、高度なスコアリングを有効にできます。

高度な採点については後ほど説明しますが、減点する場合は、「負の採点を許可する」トグルをクリックしてアクティブにすることができます。

次に、Formidable Formsが訪問者のスコアを自動的に計算できるように、正解を設定しましょう。

これを行うには、「Customize Quiz Scoring」ボタンをクリックしてください。

正解を設定するには、質問の横にあるトグルをクリックするだけです。

テキスト質問の場合、正解をフィールドに直接入力できます。ドロップダウンを使用して、ユーザーの回答にこの正確なテキストが含まれるべきか、一部のテキストが含まれるべきか、またはテキストが含まれないべきかを指定することもできます。

多肢選択式の質問の場合、「正解を追加」をクリックして、すべての可能な選択肢が表示されるメニューを開きます。

正しい解答の横にあるチェックボックスをオンにできるようになりました。

デフォルトでは、正解ごとに 1 ポイントが与えられます。より多くのポイントを付与するには、「最大スコア」ボックスに別の数値を入力するだけです。

多肢選択式の質問で各選択肢に異なるポイント値を割り当てたい場合は、「高度なスコアリング」の横にあるチェックボックスをオンにして、希望するスコアを入力できます。

すべての正解を設定したら、「完了」をクリックして変更を保存します。

その後、誰かがクイズを送信するたびにFormidable Formsが実行するアクションを設定できます。さまざまなオプションを表示するには、次のドロップダウンを開くだけです：「送信後に何を表示しますか？」

「スコアを表示」を選択した場合、Formidable Formsは訪問者のスコアを含む標準メッセージを表示します。

次の画像でその例を見ることができます。

「ユーザーの回答を表示」を選択すると、Formidable Forms はユーザーのスコアと回答を表示します。

これは、訪問者に回答を確認させ、間違っている可能性のあるものを考えさせることで、学習を強化するのに役立ちます。

「正解を表示」もあり、ユーザーが正解した質問が表示されます。

もし質問を間違えた場合、Formidable Formsは正解を表示します。これは、生徒が間違いから学ぶのに役立ちます。

ただし、ユーザーがクイズを再受験できる場合、このオプションは簡単すぎる可能性があります。その場合は、ユーザーの回答または最終スコアを表示するだけで十分な場合が多いです。

最後の選択肢は「デフォルトの成功設定を使用する」で、「回答は正常に送信されました。ありがとうございます！」というメッセージが表示されます。

このオプションを選択した場合、通常はユーザーのスコアを含めるようにメッセージを変更したいでしょう。これを行うには、「確認」セクションをクリックして展開します。

小さなテキストエディタでメッセージを変更できるようになりました。

ユーザーのスコアを表示するには、Formidable Formsがユーザーのスコアで更新するプレースホルダーであるキーを使用する必要があります。このキーを取得するには、テキストエディタの右下隅にある点線のアイコンをクリックします。

表示されるポップアップで、「フィールド」タブが選択されていることを確認してください。

次に「スコア」を見つけてクリックします。

Formidable Formsは、ユーザーのスコアのキーをテキストエディタに追加します。

追加したいテキストを追加できます。たとえば、「クイズを受けてくれてありがとう！スコアは[hxt0f]でした。」などです。

Formidable Formsは、この一意のキー（この例では [hxt0f]）を、ユーザーの実際の結果に自動的に置き換えます。

その後、「更新」ボタンをクリックして変更を保存します。これで、最初のクイズが正常に作成されました。

ステップ3：WordPressサイトにクイズを追加する

クイズを投稿、固定ページ、またはウィジェット対応エリアに追加できるようになりました。ここでは固定ページに追加する例を示しますが、WordPressサイトの他のエリアでも手順は同様です。

開始するには、WordPress管理エリアの ページ » 新規追加 に移動します。コンテンツエディタに入ったら、「+」ボタンをクリックして新しいブロックを追加します。

表示されるポップアップで、「Formidable Forms」と入力して適切なブロックを見つけ、クリックして投稿に追加します。

ブロック設定で、「フォームを選択」ドロップダウンを開き、作成したクイズを選択します。

WordPressは自動的にクイズのプレビューを読み込みます。

これで、固定ページに他のコンテンツを追加できます。

準備ができたら、固定ページを発行または更新します。WordPressクイズが公開され、ユーザーが質問に答え始められるようになります。

ボーナスのヒント：オンラインクイズウェブサイトの構築

クイズに関するウェブサイトを作成したいですか？楽しませたい、教育したい、またはお金を稼ぎたい場合でも、WordPressで完全に可能です。

性格診断テスト、トリビアクイズサイト、またはその中間のものを構築する場合でも、始めるために必要なものは次のとおりです。

• 強力なクイズプラグイン：Thrive Quiz Builder、Formidable Forms、Interact Quiz Maker、またはMemberPress Quizzesのようなツールを使用して、分岐ロジック、スコアリング、カスタム結果ページなどの高度な機能を利用できます。
• クリーンで高速なテーマ：軽量でクイズプラグインと連携の良いWordPressテーマを選択してください。AstraまたはKadenceは素晴らしい選択肢です。
• シンプルなホームページレイアウト： SeedProd や Elementor のようなページビルダーを使用して、最高のクイズを前面に表示します。
• 収益化ツール： Google AdSenseを追加したり、MemberPressでプレミアムクイズを提供したり、クイズの結果に基づいてアフィリエイト製品を推奨したりできます。

クイズのアイデアを本格的なウェブサイトにしたいのであれば、このセットアップは立ち上げと成長に必要なすべてを提供します。

オンラインクイズウェブサイトの作成方法（ステップバイステップ）に関するガイドをご覧ください。ステップバイステップの手順が記載されています。

よくある質問：WordPressでクイズを作成する

サイトでクイズを作成する方法について、さらに詳しく知りたいですか？ここでは、よくある質問をいくつかご紹介します。

クイズを作成するのに最適なプラットフォームは何ですか？

ニーズによります。WordPressを使用している場合、Thrive Quiz BuilderやFormidable Formsのようなプラグインを使用すると、インタラクティブなクイズを簡単にデザインして追跡できます。

WordPressで無料でクイズを作成できますか？

はい。Watu QuizやQuiz Catのような一部のWordPressクイズプラグインは、基本的なクイズ機能を持つ無料バージョンを提供しており、これらから始めることができます。

WordPressで質問と回答のセクションを作成するにはどうすればよいですか？

Q&AまたはFAQセクションを指している場合は、Heroic FAQsのようなプラグインを使用するか、折りたたみ可能なブロックを追加して、回答を整理し、閲覧しやすくすることができます。

WordPressサイトでフォームをさらにクリエイティブに活用する方法

クイズの作成方法がわかったので、サイトでのエンゲージメントを高めるためにフォームを使用する方法に関するその他のガイドも確認したいかもしれません。

• WordPressフォームで条件付きログインを使用する方法
• WordPressでフォームの確認ナビゲーションポップアップを表示する方法
• WordPressで会話型フォームを作成する方法（Typeformの代替）
• WordPressのお問い合わせフォームからGoogleカレンダーのイベントを追加する方法
• WordPressで住所フィールドのオートコンプリートを追加する方法

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。