ダークモード

※モバイル機器のみ有効→PC表示に切替 モバイル表示に切替

DarkMode確認用-開閉機能付きFAQ

キャプチャ画像

SIRIUS標準のFAQはシンプルでとても見やすいです。

 

こちらがSIRIUS標準のFAQ(※ビジネステンプレート)です。

 

ここに質問を入力

ここに回答を入力

ここに質問を入力

ここに回答を入力

 

しかしながらFAQの質問の数が多くなってきたり回答が長くなってくるとスクロールするだけでも大変だし、どこまでチェックしたのかわからなくなる時さえあります。

 

特に画面の小さいiPhone(スマホ)で見ているときは余計にわかりにくくもなります。

 

そこで半自動開閉機能付きのFAQを作ってみました。


FAQ

※2パターン用意しました。

※質問欄をクリックすると回答が出てきます。

※もう一度クリックしない限り、回答欄は開いたままです。

※ひな形をコピー&ペーストして、質問と回答を記入するだけです。

 

Aパターン

一番安いところはどこですか?

RO水を扱っているウォーターサーバーの方が比較的安めの傾向があります。

どの水がいちばん安全なんでしょう?

水そのものの衛生面に関して基本的にどのウォーターサーバー会社もトップレベルといえます。

 

何かトラブルでもあれば即刻営業停止になりますから。

 

Bパターン

一番安いところはどこですか?

回答画像

RO水を扱っているウォーターサーバーの方が比較的安めの傾向があります。

どの水がいちばん安全なんでしょう?

回答画像

水そのものの衛生面に関して基本的にどのウォーターサーバー会社もトップレベルといえます。

 

何かトラブルでもあれば即刻営業停止になりますから。

指示

太字

 

アンダーライン

 

  • リスト
  • リスト
  • リスト

 

  1. 番号付きリスト
  2. 番号付きリスト
  3. 番号付きリスト

 

横スクロール可のテーブル

  価格 送料 ショップ 詳細
○○○円 ○○○円 ここにショップ名を入力 詳細
○○○円 ○○○円 ここにショップ名を入力 詳細
○○○円 ○○○円 ここにショップ名を入力 詳細

 

レイアウト枠

左側のコンテンツ

右側のコンテンツ

 

吹き出し

 

サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト


 

 

サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト


 

口コミ

男性の口コミ。男性の口コミ。男性の口コミ。男性の口コミ。男性の口コミ。男性の口コミ。男性の口コミ。男性の口コミ。男性の口コミ。男性の口コミ。男性の口コミ。男性の口コミ。

男性の口コミ。男性の口コミ。

男性の口コミ(画像なし)。男性の口コミ(画像なし)。男性の口コミ(画像なし)。男性の口コミ(画像なし)。男性の口コミ(画像なし)。男性の口コミ(画像なし)。男性の口コミ(画像なし)。

女性の口コミ。女性の口コミ。女性の口コミ。女性の口コミ。女性の口コミ。女性の口コミ。女性の口コミ。女性の口コミ。女性の口コミ。女性の口コミ。女性の口コミ。女性の口コミ。

 

ポイント

ポイント1
ポイント2

『ポイント』に関しては、テンプレートの各色ごとにそれぞれ異なる色合いの画像が使われているため、サイトカラーをベースとした色の変更が不可となってます。

 

矢印

矢印オレンジ
矢印黒
矢印ブルー
矢印レッド

 

(指示)矢印

矢印オレンジ
矢印ブルー
矢印レッド

 

(指示)矢印2

矢印オレンジ
矢印ブルー
矢印レッド

 

ランキング

ランキング1位
ランキング2位
ランキング3位
ランキング4位
ランキング5位

 

水平線