並列表記のFAQ-Volar2

並列表記のFAQ-Volar2

SIRIUS2テンプレート【Volar2】ではパーツ<アイテム比較>を利用した並列表記のFAQを表示できます。
 

アイキャッチ画像

【Volar2】では【パーツ】→<アイテム比較>を利用して1カラムページ用の並列表記かつ固定表示FAQを作成できます。

 

デモはトップページでご覧になれます。

<アイテム比較>についてはこちらの記事をご参照ください。


やり方

完成型はこんな感じです。(PC)

 

キャプチャ画像

 

【パーツ】→<アイテム比較>を開いて下のように質問と回答を書き込むだけ。

 

キャプチャ画像

 

作成し終えたら専用の独自タグで出力します。

[% compare(※管理名) %]

 

その独自タグを【Volar2】で用意している専用のクラスで囲めば先ほどのようなレイアウトで表示されます。

<div class="xxx">[% compare(※管理名) %]</div>

2段、3段...と増やした時の端数処理も適用できます。

 

なおタブレットでの表示はPCと同じレイアウトなので、1グループの<アイテム比較>は最大で4つまでがレイアウト的に限界かと。