人物紹介作成機能-Volar2

人物紹介作成機能-Volar2

SIRIUS2テンプレート【Volar2】ではパーツ<口コミ>を利用した人物紹介欄作成機能を搭載してます。
 

アイキャッチ画像

【Volar2】では【パーツ】→<口コミ>を利用した人物紹介欄を作成できます。

 

<口コミ>についてはこちらの記事をご参照ください。


2タイプの人物紹介欄

こちらが通常の【パーツ】→<口コミ>機能で作成したサンプルです。

 

キャプチャ画像

 

編集画面では下のような独自タグで出力されます。

[% review(口コミ1) %]

 

この独自タグを【Volar2】で用意したクラスで囲みます。

<div class="xxx">[% review(口コミ1) %]</div>

すると下のようなレイアウトでの人物紹介欄が表示されます。

 

ワイドタイプ

縦長画像と右横にテキストエリアの1カラム表示。

(タブレットとスマホでは1列縦並び表示)

 

キャプチャ画像

 

ノーマルタイプ

画像とテキストエリアの縦並び&2カラム表示。(PC及びタブレット)

(スマホでは1列縦並び表示)

 

キャプチャ画像

 

実際の表示サンプルがデモサイトの<口コミ>人物紹介でご覧になれます。