ELEMENTORで背景固定化を実装する

背景固定とは、ELEMENTORでセクションを設定し、そのセクションの背景に画像を入れて、尚かつ、その画像を固定化することを意味します。

その際、背景画像の上に不透明度50%で黒色オーバーレイをかけています。ページを上下にスクロールしてみれば、背景画像が固定されていることが確認できると思います。


何故、黒色オーバーレイをかけるのか?

セクションの背景に画像を埋め込むだけでも、背景固定化の目的は達成できますが、画像の上に重ねて表示するアイコン・ボックスや画像ボックスのテキスト文字を、背景画像に埋もれて見え難くさせることを、避ける目的で黒色やネイビー色などの濃い目の色を、透明度50%の色でオーバーレイをかけています。


セクション単独だけでの背景固定化はできない?

どう言うことかと言うと、セクションの背景には、単色の色を入れたり、前記のように画像を入れたりしますが、やってみれば「なるほど!」と分かることですが、単にセクションの背景を色付けしたり画像挿入しただけでは、背景固定化の設定はできません。

「背景」は「背景」に過ぎません。背景の上に「画像ボックス」や「アイコンボックス」や「お客様の声」や「別の画像」や「YouTube動画」や「テキスト文章」などなどのElementorのウジェットを、段組(カラム)介して配置して始めて画面上に「背景固定画像」が現れます。


新WordPress塾(2019年版)のご案内です。

「ELEMENTOR+個人レッスン付き」の藤心の新しいWordPress塾を開講しております。この機会にWordPressをマスターしたいQHM及びHAIKユーザー向けの最適な移行プログラムとなっております。