Cocoon カバーブロックを固定背景にしてスクロールコンテンツページを作る

WordPressなどサイトでよく見る、スクロールで移動する時に背景が後ろに固定されている、あの感じをCSSなどノーコードで Cocoon で作ってみます。

Cocoonで作る「コンテンツがスクロールする時に切り替わっても背景が固定されている」状態

「Cocoonで作る「コンテンツがスクロールする時に切り替わっても背景が固定されている」状態」

って意味お分かりになりますでしょうか。

上記の時、ブロックエディターで何をしているかと言うと……

上のブロックから

手順としては以上です

背景画像ブロックをフル幅で「固定」設定する→コンテンツブロック→背景画像ブロックをフル幅で「固定」設定する→コンテンツブロック

…これを繰り返すのみです。

やってみてください。

この表示にご不満な場合は、CSSで作るしかないと思います。

「一木堂」では、Wordpress テーマCocoon、あるいは他テーマでも、解決できないカスタマイズをサラっと承ります。 「ここのボックスだけ色を変えたい」「ここに色の違うボタンが欲しい」など、解決したい作業、ご依頼をお待ちしています。