パーツ→＜フローチャート＞のレイアウトデザインを少し修正してみました。
※＜フローチャート＞についてはこちらの記事をご参照ください。
概要
SIRIUS2のパーツ→＜フローチャート＞のレイアウトデザインは3タイプ用意されてます。
上記画像を見るとわかりますが、デザイン1とデザイン2はステップ数が多くなるほどPC表示時は表示エリアそのものがかなり狭くなります。画像ももちろん見づらくなります。
（スマホはいずれも縦1列表示）
一方デザイン3のレイアウトだとPC表示時は縦並びになって説明文の表示領域が広く確保されるレイアウトなんですが、スマホ表示時での説明文のエリアがかなり狭くなります。
ということで《Volar2》ではステップ数が多くなってもPC・スマホ共にまあまあいい感じで表示されるデザイン”4”を考えてみました。
（実際にはデザイン3のカスタマイズになります）
有効化
この機能はデフォルトでは無効化されてます。
《Volar2》の《フローチャート別デザイン》を利用するには専用モジュールを有効化する必要があります。
有効化のやり方
【Volar2】フローチャート（スタイル）
上記モジュールの［有効］のチェックをONにします。
『＜フローチャート＞別デザイン』の関連記事
-
SIRIUS2テンプレート【Volar2】ではトップページのヘッダー画像上のテキストに様々な装飾をかけられます。 -
SIRIUS2テンプレート【Volar2】では＜画像レイアウト＞に専用のコードを足すだけでさまざまなレイアウト表示ができるようになります。 -
SIRIUS2テンプレート【Volar2】では＜アイテム比較＞に専用のコードを足すだけでさまざまなレイアウト表示ができるようになります。 -
SIRIUS2テンプレート【Volar2】では＜画像ギャラリー＞のスマホでの表示レイアウトをカスタマイズできます。 -
SIRIUS2テンプレート【Volar】では＜CTA＞の通常レイアウトに加えて独自レイアウトも追加しました。 -
SIRIUS2テンプレート【Volar2】ではパーツ＜タブコンテンツ＞に枠線を付けるスタイルを用意してます。 -
SIRIUS2テンプレート【Volar】では＜リンクカード＞の独自レイアウトを追加しました。 -
SIRIUS2テンプレート【Volar2】ではパーツ＜口コミ＞を利用して人物紹介欄を作成できます。