FAQ-SIRIUS2

アイキャッチ画像

【Volar2】の動作検証でキャプチャした画像は、基本的には【Volar2】の開発ベースになってる「ベーステンプレート」のレイアウトデザインが元になってます。

そのため他のテンプレート利用時には当サイトでご紹介しているキャプチャ画像とは若干異なる場合もあります。

また他のテンプレート利用時には場合によっては動作に多少の違いが生じる可能性もありますこと予めご了承ください。

旧SIRIUS時代から搭載されてるSIRIUS2標準機能のひとつに＜FAQ（デザイン1）＞と＜FAQ（デザイン2）＞があります。

FAQの概要

1個のFAQは記事装飾メニューの【装飾枠】→【FAQ】から作成できます。

（デザイン1とデザイン2があります）

デザイン1を選択した場合は下のようなコードがとりあえず挿入されます。

（デザイン2は「1」が「2」に変わるだけです）

<div class="question1)">ここに質問を入力</div>
<div class="answer1">
ここに回答を入力
</div>

このあと赤文字のテキストを実際の質問テキストで置き換え、青文字のテキストを回答テキストで置き換えます。

実際の表示がこちら。（デザイン1）

ここに質問を入力

ここに回答を入力

実際の表示がこちら。（デザイン2）

ここに質問を入力

ここに回答を入力

別のFAQを追加したい時は新たに【装飾枠】→【FAQ】→『デザイン1（or 2）』をクリックします。

削除や順番の入れ替えは若干面倒で、最初にご紹介したFAQのコード全体（青い背景色のエリア）を削除 or カット＆入れ替え先にペーストとなります。

2個とか3個程度のシンプルなFAQを作るならこの機能でも充分です。

ただしデザイン1もデザイン2もどちらも最初からQとAが表示されたままのシンプルなデザインです。

これがQをクリックしたらAが開くといったアコーディオン形式での表示にしたいとか、いくつものFAQを表示したいけどこのやり方だとテキストの入力が面倒くさい・順番の入れ替えが面倒といった場合はSIRIUS2の新機能＜FAQリスト＞を使った方が便利です。