ヘッダー画像上のテキスト装飾-Volar2

SIRIUS2ではファーストビューにあたるヘッダー画像上にテキストを表示させることができます。
そのテキストの中身は【全体設定】で設定したサイト名と説明文です。

ただしこれらのテキスト、大きさや色の変更はできません。

たとえばこちらのヘッダー、画像上のテキストが若干小さ目なので大きくしたいところですが、その設定項目は用意されてません。

唯一あるとすれば【サイトオプション】での設定。
ただしこちらはサイト全体に共通適用される設定なのでちょっと使いづらい。

テキストに自分なりの装飾効果を付けたい気持ちはだれしもあることでしょう。それには独自のスタイルを追加指定してやる必要があります。
でもこれはCSSに詳しくないと実質無理な話。

そこで《Volar2》ではテキスト周りの装飾を簡単にできる設定を加えてみました。
テキスト全体をボーダーで囲むなんてこともできちゃいます。

《ヘッダー画像上のテキスト装飾》機能を利用するには専用モジュールを有効化する必要があります。

前述のモジュールを開き、その中で設定したテキストがヘッダー画像上に表示されます。
またテキストはSIRIUS2の装飾機能を使って編集もできます。

すると下のように通常では変更できないテキストカラーの変更や囲み枠なんかも表示できます。

テキスト全体の表示位置は左右中央で固定ですが、縦位置（上下）は調整できます。

調整するには先に以下のモジュールの［有効］のチェックをONにします。
『【Volar2】ヘッダー画像にモジュールテキスト（スタイル）』

上記モジュールを開くと縦位置の（デフォルト）設定値である「40」という数値が出てくるので、その数値を増減することで縦位置を変更することができます。