《Volar2》ではパーツ→＜口コミ＞を利用して2タイプの人物紹介欄を作成できます。
※＜口コミ＞についてはこちらの記事をご参照ください。
2タイプの人物紹介欄
こちらがSIRIUS2標準のパーツ→＜口コミ＞機能で作成したサンプルです。
編集画面では下のような独自タグで出力されます。
[% review(口コミ1) %]
この独自タグを《Volar2》で用意した専用コードで囲みます。
<div class="xxx">[% review(口コミ1) %]</div>
「xxx」は”便宜上”のクラス名です。（マニュアルに実際のクラス名を記載）
すると下のように2タイプのレイアウトでの人物紹介欄が作成できます。
ワイドタイプ
縦長画像と右横にテキストエリアの1カラム表示。
（タブレットとスマホでは1列縦並び表示）
ノーマルタイプ
画像とテキストエリアの縦並び＆2カラム表示。（PC及びタブレット）
（スマホでは1列縦並び表示）
『＜口コミ＞で人物紹介』の関連記事
-
SIRIUS2テンプレート【Volar2】ではトップページのヘッダー画像上のテキストに様々な装飾をかけられます。 -
SIRIUS2テンプレート【Volar2】では＜画像レイアウト＞に専用のコードを足すだけでさまざまなレイアウト表示ができるようになります。 -
SIRIUS2テンプレート【Volar2】では＜アイテム比較＞に専用のコードを足すだけでさまざまなレイアウト表示ができるようになります。 -
SIRIUS2テンプレート【Volar2】では＜画像ギャラリー＞のスマホでの表示レイアウトをカスタマイズできます。 -
SIRIUS2テンプレート【Volar】では＜CTA＞の通常レイアウトに加えて独自レイアウトも追加しました。 -
SIRIUS2テンプレート【Volar2】ではパーツ＜タブコンテンツ＞に枠線を付けるスタイルを用意してます。 -
SIRIUS2テンプレート【Volar2】では＜フローチャート＞に追加レイアウトを加えてます。 -
SIRIUS2テンプレート【Volar】では＜リンクカード＞の独自レイアウトを追加しました。