タイトルも含めて全画面の背景

ページヘッド画像ショートコードを使えば、タイトルの背景はできるが、タイトルに続くページ内コンテンツの背景をどうするかが問題。

別々に背景をセットすれば、両者が繋がらないかも知れない。無理に繋げても、画面サイズに応じて、繋がらなくなる恐れもある。

コンテンツ側もしくは、タイトル側に負のマージンでなんとかなるかも知れない。タイトル側の負のマージンは、タイトル自身では無く、タイトルを含む、背景のラッパーに続く要素に対して負のマージンを与えるようなスタイルにする必要がある。要テスト。

パンくずリストの扱いもある。が、これはヘッドボトムウィジェットエリアでカスタマイズはできる。フッター上部、又はボディ下部に置いても良い。

タイトル

負のマージンで、上に持ち上げるコンテンツ
本来は、黄色の枠よりも下にある。

これでも良いのでは。

フルスクリーンのパララックスや、背景固定画像などの仕組みは、これとは別に固定ページやカテゴリーのテンプレートのカスタマイズで行うようにすれば良い。固定ページの時は、複数の子ページをページ内に読み込み。カテゴリーの場合は、属する投稿を読み込むようにすれば良い。更新の便宜のため、各子ページ等には、編集用のリンクを設置する。デフォルトで、ページタイトル非表示なので、それを利用しても良い。

掲載日時: 2023年6月30日(金) 10:29