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