メインコンテンツにスキップ
Loading...
Skip to article
  • Customer Experience
    Customer Experience
  • Employee Experience
    Employee Experience
  • Brand Experience
    Brand Experience
  • Core XM
    Core XM
  • Design XM
    Design XM

テーマタブ


Was this helpful?


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!


テーマタブについて

管理者ページの[テーマ]タブでは、ブランド管理者がブランド全体で使用するブランドダイナミックテーマを作成できます。このツールを使用すると、管理者はブランドテーマを無制限に作成し、誰が権限を使用してアクセスできるかを制限できます。これにより、ブランドの個人的なスタイル感覚に準拠した美しいカスタムテーマをこれまでよりも簡単に作成できるようになります。

ウェブサイトの各ページの左上にある最上位のナビゲーションから[管理者]を選ぶ

画面の最上位 2 行目、テーマ選択、右向き

ヒント:部署管理者はこのテーマ作成ツールにアクセスできません。
ヒント:最上位のテーマが組織全体でデフォルトのテーマになります。組織にデフォルトのブランド静的テーマがあり、これをダイナミックテーマに変更する場合は、クアルトリクスサポートチームにお問い合わせください。

新規テーマの作成

  1. テーマタブで、新規テーマを選択します。
    濃い灰色で左上に表示される新しいテーマボタン
  2. テーマに名前を付けます。
    左の名称項目
  3. 一般セクションに移動します。
  4. 必要に応じて、ヘッダを作成します。フィールドの下にある [編集] をクリックして、リッチテキストエディタを開き、フォントエフェクト、画像、および基本 HTML を追加できます。
    一般セクションでは、オプションを左下に説明します。

    ヒント:ここにロゴを追加する代わりに、ステップ13の[ロゴ]セクションが表示されるまで待ちます。
  5. 必要に応じて、フッタを作成します。フィールドの下にある [編集] をクリックして、リッチテキストエディタを開き、フォントエフェクト、画像、および基本 HTML を追加できます。
  6. 進捗バーが上部にあるか、下部にあるか、またはユーザが選択するレイアウトのデフォルトであるかを選択します。
    ヒント:レイアウトはアンケートの質問とボタンのビジュアルスタイルを決定し、見た目と操作性をカスタマイズするときにアンケートビルダーによって選択されます。右上のドロップダウンを使用して、さまざまなレイアウトを使用してテーマがどのように表示されるかを確認できます。
    右上に強調表示されたドロップダウン
  7. スタイルセクションに移動します。
    [スタイル] セクションでは、オプションを左下に説明します。
  8. 第一色を選択します。これは、選択したレイアウトに基づいてさまざまな機能に影響しますが、通常、選択した回答、進捗バー、戻る/次のボタンに適用される色です。

    注意:アクセス可能なアンケート(色だけではなく表示されるフォーカスインジケータ)を使用するには、「クラシック」レイアウトのダイナミックテーマを使用する必要があります。また、一次テーマの色が、従来のレイアウトのフォーカス区分と十分に高いコントラストを持つようにする必要もあります。そうでない場合は、テーマの一次色を変更するか、カスタムコードを使用して区分の色を変更する必要があります。

  9. フォントを選択します。
  10. 前景の色 (テキスト、ボタン、枠線など) と背景の色間のコントラストレベルを選択します。
  11. 質問の間隔を選択します。
  12. 必要に応じて、カスタム CSS を追加します。編集をクリックすると、より大きな CSS ウィンドウを開いて作業することができます。
    ヒント:カスタムCSSを実装するには、プログラミングの知識が必要です。Qualtricsサポートでは、カスタムコーディングに関するサポートやコンサルティングを提供していません。ただし、 コミュニティの経験豊かなユーザー(英語) に尋ねてみることは可能です。
    ヒント:[管理]タブのテーマに追加されたカスタムCSSは、[見た目と操作性]メニューのアンケートに追加されたカスタムCSSとは別に実装されます。アンケートに動的テーマを適用すると、管理テーマエディターのスタイルは表示されませんが、引き続き適用されます。これは、ヘッダとフッタにも適用されます。
  13. ロゴセクションに移動します。
    ロゴセクションでは、オプションを左下に説明します。
  14. ロゴをアップロードまたは選択してください。
  15. このロゴが浮動している (画像がアップロードされると正確に表示される) か、バナーであるか (画像の後ろに色のブロックを追加する) を決定します。
  16. ロゴの配置を選択します。
  17. ロゴの最大高さを選択します。
  18. モバイルでのロゴのスケールを決定します。
  19. 背景セクションに移動します。
  20. 背景タイプの色を選択すると、特定の色の 16 進コードを選択または入力することができます。
    背景色が選択され、アンケートの背景が灰色になります
  21. [写真背景タイプ]を選択すると、写真をアップロードしたり、その上に色のオーバーレイがあるかどうかを決定したり、オーバーレイの不透明度を決定したりできます。
    写真が選択され、明るいオーバーレイの森のイメージが楽しみながら読めるテーマになる
  22. Foreground Contrast を選択します。これにより、テキストが読みやすくなったり、イメージが鋭くなったりします。
  23. アイコンセクションに移動します。
    Favicon は、ウィンドウタブ上の実際のものを示します。
  24. Favicon は、テーマを開いたときにタブに表示されるアイコンです。
  25. Apple Touch アイコンは、誰かがアンケートをこのテーマでブックマークしたり、アンケートをホーム画面に追加したりすると表示されます。
  26. この グラフ画像を開く は、一部のiPhoneやAndroidでアンケートのリンクをテキスト送信するとき、およびFacebookやLinkedInなどのソーシャルメディアでアンケートリンクを共有する場合に表示されます。
  27. 終了したら、保存アイコンをクリックします。
    フロッピーディスクのような緑色の保存アイコン

ヒント:左端のメニューのプラス記号()をクリックすると、テーマを追加できます。

既存のテーマの上にプラス記号が付いています。

ヒント:このツールを使用すると、動的テーマを作成できます。Qualtricsテーマチームによるブランド付き静的テーマの構築をリクエストできます。静的テーマは CSS および HTML でハードコーディングされており、通常、動的テーマほど多くのカスタマイゼーションオプション (ロゴ、レイアウトなど) は提供されません。

テーマの削除

テーマを削除するには、左側のメニューからテーマを選択し、メニューの削除ボタンをクリックします。

メニューオプションの左一覧の最後の削除ボタン

テーマのプレビュー

テーマの作成時には、使用時にテーマがどのように表示されるかを理解するために役立つオプションがいくつかあります。

右上のドロップダウンを使用して、さまざまなレイアウトでテーマをプレビューします。

右上のドロップダウンから選択されたレイアウト

デスクトップとモバイルデバイスにテーマを表示するには、プレビューの上部にあるアイコンを切り替えます。

上部のアイコンから選択されるモバイル。調査のテーマが iphone または android に表示されます。

ヒント:特定のアンケートのテーマを表示する場合は、テーマを保存し、アンケートのルックアンドフィールとプレビューオプションを使用してテストします。

テーマ権限

テーマが保存されたら、ユーザーユーザータイプ部署レベルで権限を適用することで、テーマを使用できるユーザーを決定することができます。

  1. General permissions に移動します。
    [一般] は、オプションの左下にある 1 行目にあるオプションです。
  2. テーマ権限にナビゲートします。
    テーマセクション
  3. ダイナミックテーマの下を確認します。
    動的テーマセクションには、このサポートページで例として作成したテーマが一覧表示されます。

当サポートサイトの日本語のコンテンツは英語原文より機械翻訳されており、補助的な参照を目的としています。機械翻訳の精度は十分な注意を払っていますが、もし、英語・日本語翻訳が異なる場合は英語版が正となります。英語原文と機械翻訳の間に矛盾があっても、法的拘束力はありません。