
<口コミ>機能でスタッフ紹介-Volar2
SIRIUS2テンプレート【Volar2】ではパーツ<口コミ>を利用したスタッフ紹介作成機能を搭載してます。
当サイトで使用しているキャプチャ画像は(【Volar2】の開発ベースになってる「ベーステンプレート」のレイアウトが元になってます。
【Volar2】では【パーツ】→<口コミ>を利用したスタッフ紹介欄を作成できます。
※<口コミ>についてはこちらの記事をご参照ください。
こちらが通常の【パーツ】→<口コミ>機能で作成したサンプルです。
編集画面では下のような独自タグで出力されます。
[% review(口コミ1) %]
この独自タグを【Volar2】で用意したクラスで囲みます。
<div class="xxx">[% review(口コミ1) %]</div>
すると下のようなレイアウトでの人物紹介欄が表示されます。
縦長画像と右横にテキストエリアの1カラム表示。
(タブレットとスマホでは1列縦並び表示)
画像とテキストエリアの縦並び&2カラム表示。(PC及びタブレット)
(スマホでは1列縦並び表示)
奇数個の場合は下のようなレイアウトになります。