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

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

画像

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

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

画像

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

画像

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

画像

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