新ブロックエディタで実現!複数ブロックにまたがる背景画像の設定方法

ホームページ作成サービスBiNDupでサイト編集の要となるブロックエディタがより使いやすくなります。

いくつか変更点はありますが、今回はその中でもデザイン表現に大きく影響があり、また要望も多くあった「複数ブロックを跨いだ背景画像の設定」方法についてご紹介したいと思います。

従来の機能では背景画像をブロック毎にしか設定できないが、新しいブロックエディタの機能(右)では複数のブロックをまたいで設定できるように

従来の機能では背景画像をブロック毎にしか設定できないが、新しいブロックエディタの機能(右)では複数のブロックをまたいで設定できるように

背景画像の設定方法

設定方法は簡単で、従来通りブロック設定から背景画像を設定した後、「背景を複数ブロックに表示」にチェックを入れるだけです。
横のプルダウンから適用したいブロックの範囲を選択できます。最大で6ブロックまで設定可能です。

背景画像設定の設定方法

背景画像設定の設定方法

背景を利用した参考デザイン

背景画像を複数ブロックで利用する設定は、どのブロックレイアウトでも利用できます。
デザインに合わせて色々組み合わせてみてください。

左右違いブロックとの組み合わせ

左右違いブロックとの組み合わせ

コンセプチュアルな使い方

コンセプチュアルな使い方

ギャラリー風な見せ方

ギャラリー風な見せ方

間違いなく今までと違った印象のサイトになりますので、ぜひ活用してみてください。
このほかにも、新しいブロックエディタでは余白やカラム設定が便利になりました。

余白やカラム設定が便利に。動画で見るブロックエディタ〈設定画面編〉

BiNDupはノーコードでサイトのデザイン、制作が可能なサービスです。最大30日間無料でトライアルできます。
BiNDupのトップページ

無料でBiNDupを使ってみるBiNDの制作事例を見る

BiNDup GuideBook

Web作成サービス「BiNDup」の最新ガイドブック。サイトを外注せず自作する方のために制作から集客までできることをまとめました。

新規登録をして資料をダウンロード
  • POINT

  • 複数の背景デザインを設定すると表現の幅が広がる
  • 設定は背景を[複数ブロックに表示]にチェックするだけ
  • どのブロックレイアウトの組み合わせでも設定できる

RECOMMEND ARTICLE