
この機能はデフォルトでは無効化されてます。
【Volar2】の《フッターに画像表示》を利用するには、モジュール『【Volar2】フッターに背景画像(スタイル)』の[有効]のチェックをONにします。
フッターに背景画像として表示させたい画像は事前にSIRIUS2の画像管理内に取り込んでおきます。
モジュールの有効化が済んだら、上部メニューからテンプレート→スタイルシート編集→《フッターに画像表示》用の専用スタイルを開きます。
下の『xxx(.jpg)』のところを画像管理内に取り込んだ画像のファイル名で差し替えます。
これでフッターに画像が表示されます。
下がデフォルトのフッターエリアの一例です。(※ベーステンプレート&PC表示時)
殺風景ですねぇ。
ここに【Volar2】の《フッターに画像表示》を使って画像を設定すると下のようになります。
筆者
ブラウザ幅いっぱいに自動的に広がって表示される仕様です。
使用したオリジナル画像はこちら。
ブラウザ幅やフッターエリアの高さによって画像の表示範囲は異なってきます。
デフォルトではフッターエリアの高さは(表示するものがあまりないので)それほどありません。
そこで今回は【フリースペース・フッター】にロゴ画像を加えてフッターの高さを増やしてみました。
高さが広がると背景画像もそれなりに見られるようになってきます。
スマホではPCよりも表示領域が狭くなりますが、スマホ独自の表示仕様などは特に搭載してません。
スマホで一番下までスクロールして見る方はほとんどいないだろうとの判断からです。
画像上のテキストにも影響が出てしまうため、オーバーレイなどの視覚効果は非搭載です。
そのため必要であれば画像加工ソフトやウェブサービスなどで画像自体にオーバーレイや他の視覚効果を付けてください。
画像加工ソフトなら私も使ってるAffinity Photoをおススメします。
当サイトの画像もすべてAffinity Photoで作成してます。