背景
背景領域を作成できるブロックです。背景に画像、動画、色を設定でき、このブロックの上にテキストなどの他のブロックを追加できます。
背景を追加
3つの方法で追加できます。
•
空の場所に/背景を入力してEnterを押すと、背景ブロックが追加されます。
•
ブロックの左側にある+クリックして背景を選択します。
•
画像ブロックで...選択した後、 背景ブロックに変換を選択します。
背景設定
背景に画像と動画を追加する
ブロックの上にカーソルを置き、 背景の変更アイコンをクリックします。
[アップロード]タブから直接画像または動画をアップロードするか、 [Unsplash]タブでキーワードを検索して画像を追加します。
アップロード可能な拡張子
JPG、GIF、MP4、MOV
サイズと幅の変更
セクションブロックの上にカーソルを置くと、出てくる左/右/下のハンドルをドラッグアンドドロップします。
幅や高さを常に最大に固定したい場合は？
ブロックの上にカーソルを置いた後、 ... > 全幅または全高をクリックします。
背景に色を追加
ブロックの上にカーソルを置き、 背景の変更アイコンをクリックします。
カラータブで、パレットまたはカラーピッカーの目的の色を選択します。
カードの形で見る
セクションブロックの上にカーソルを置いてから... > カードの形式をクリックします。
カード形式オプションをキンバージョン
カードフォームオプションをオフにしたバージョン
ぼやけ
ブロックの上にカーソルを置いた後... > [ぼやけた背景]をクリックします。
ぼやけた背景オプションをキンバージョン
ぼやけた背景オプションをオフにしたバージョン
リンクを掛ける
ブロックの上にカーソルを置いた後、リンクアイコンをクリックします。
入力欄にURL、機能、他のページやチャンネルのいずれかを入力して[保存] をクリックします。
背景に別のブロックを追加
ブロックをクリックして/を入力すると、出てくるブロックの中から目的のものを選択します。以下の例のように他のブロックを追加できます。
ソート
•
縦揃え
◦
背景ブロックの上にカーソルを置き、ソートアイコンをクリックして目的のソート方法を選択します。
•
水平配置
◦
ソートするブロックのハンドルをクリックし、目的のソート方法を選択します。
背景ブロックの幅とサイトの幅が異なる場合は、背景ブロックの上にあるブロックの幅をサイトと同じに合わせることができます。
活用事例
1. カバーイメージ
2. ウェブサイト領域の区分
3. カラムと共に活用する
