《Volar2》では記事中のどこにでもフルワイド（ブラウザ幅いっぱい）のブロックエリアを設置できる《フルワイドセクション》機能を用意してます。
1行とか2行の見出し程度のテキストを背景画像上に表示したい場合は、記事ブロック全体が対象の《フルワイド背景画像》よりも手軽に扱えます。
それゆえ大見出しやバナー的な使い方に適してます。
SIRIUS2の＜ブロック設定＞や《Volar2》の《フルワイド背景画像》が1カラム（ワイド）が前提であるのに対し、《フルワイドセクション》は1カラムでも利用できます。
使い方
《Volar2》が用意している専用コードをコピー＆ペーストします。
その中に背景画像として表示したい画像ファイル名を挿入し、表示したいテキストを書き込むだけで部分的なフルワイド背景画像＋テキストというレイアウトで表示できます。
こちらがサンプルです。
フルワイドセクション
単一色背景もOK。
フルワイドセクション
CSSに詳しいのであればグラデーションもOK。
フルワイドセクション
『』の関連記事
-
SIRIUS2テンプレート【Volar2】ではトップページのヘッダー画像上のテキストに様々な装飾をかけられます。 -
SIRIUS2テンプレート【Volar2】では＜画像レイアウト＞に専用のコードを足すだけでさまざまなレイアウト表示ができるようになります。 -
SIRIUS2テンプレート【Volar2】では＜アイテム比較＞に専用のコードを足すだけでさまざまなレイアウト表示ができるようになります。 -
SIRIUS2テンプレート【Volar2】では＜画像ギャラリー＞のスマホでの表示レイアウトをカスタマイズできます。 -
SIRIUS2テンプレート【Volar】では＜CTA＞の通常レイアウトに加えて独自レイアウトも追加しました。 -
SIRIUS2テンプレート【Volar2】ではパーツ＜タブコンテンツ＞に枠線を付けるスタイルを用意してます。 -
SIRIUS2テンプレート【Volar2】では＜フローチャート＞に追加レイアウトを加えてます。 -
SIRIUS2テンプレート【Volar】では＜リンクカード＞の独自レイアウトを追加しました。