アイキャッチ画像を背景に使う
これは、テンプレート側のスクリプトを利用しないと、基本的にはできないが。
なんとかブロックエディタ上で行うことはできないだろうか。ショートコードなら、アイキャッチを取得して背景にすることはできても、背景上におくコンテンツの編集が難しい。
bg-surf, bg-midori は、クラス名対応のスタイルで、スタイルシートに書いてある。クラシックロックか、カスタムHTMLを使えば指定できるが、ビジュアルには編集できないかも知れない。
ここはクラシックブロック。クラシックブロックには、高度な設定の入力フォームが存在しない。したがって、ブロック自体にクラスは付与できない。ｈｔｍｌ編集に切り替えて、現在の段落に全幅用のクラスを指定してみた。フロント画面では、全幅に広がるが、エディタ内では、当然だがひろがらない。datasetプロパティを付与しても、ブロックエディタ上のブロックでは無いので、スタイルは適用されないと思う。見づらいので、クラスは外した。
カバーなら、画像を全画面表示できるが、これは背景画像では無く、前景画像の上にコンテツを重ねている。前景画像のアタッチメントを固定にすることは出来ないのだろうか。
スティッキーを使って似たような効果を出すことはテストではできているが。ワードプレス上で使えるか。どうか。スティッキーでは、画像や、オーバーレイ、コンテナーサイズに自由度が無い。やはり背景で何とかする方法を。