Drupal Layout Builderでバックグラウンドイメージが設定できる(が)

hagi2022/07/21(木) - 16:10 に投稿

Layout BGモジュールを導入すると、Layout Builderが拡張できて、バックグラウンドイメージ付きのレイアウトが作成できるようになる。便利そうで試してみたが、Oliveroでは色の問題が出たので備忘録を書いておく。ユースケースとしては、個別レイアウト設定でランディングページ等を作成するケースと、コンテンツタイプを設定して対応するケースがあるだろう。ただViewsへの対応などを考えると、悩ましい部分もある。それでも、サイトビルダーにとっては嬉しい機能と言えるだろう。

Image

ここで、with Background imageを選択すれば、画像をバックグラウンドに設定で、例えば本文との重ね合わせができる。

セクションの設定を行うと、テキスト色を指定できる。暗い画像を想定して、デフォルトでは白になっている。

Image

Oliveroで表示すると、テキストが白くならないので、チェックしてみた。

Image

.cke_editableのCSSが効いていて、色が指定されてしまっている。これをオフにすると想定された色になる。

Image

強制的に.cke_editableのcolorを外してやると、無事set-text-colorが有効になる。ワークアラウンドとしては、body部で<font color="white">で設定してしまうような方法はあるが、Oliveroでcke_editableが悪さをする例は他にもあるようで、放って置いても恐らくいつか普通に動くような日は来るだろう。ライブ環境でOliveroはまだ使っていないので、とりあえずスルーすることとした。

 

タグ

コメント