キーワード検索

テクニカルサポートからの重要なお知らせ

ブロックレイアウトのフロートを使う

ブロックレイアウトのフロートを使用すると、ブラウザのサイズが変更された場合に、画像の配置が自動的に調節されます。ここでは、ブロック内に複数の写真を配置する場合の設定方法について説明します。

ブロックレイアウトのフロートはレスポンシブ形式のサイトでのみ使用できます。

画像を選択する

サイトエディタの〈ページを編集する〉をクリックします。
030404-01.png
編集したいブロックの〈編集〉をクリックします。
030404-02.png
ブロックエディタで〈画像を選択〉をクリックします。
04-04-004_03_c1.png
〈写真〉をクリックし[1]、挿入する写真を選択して〈選択〉をクリックします[2]。
ここでは、写真を4点挿入します。
04-04-004_04_c1.png

段落を分割する

画像の間にカーソルを設定し[1]、〈分割〉アイコンをクリックします[2]。
04-04-004_05_c1.png
画像の段落が分割されたことを確認します。
04-04-004_06_c1.png

フロートの設定を行う

〈設定〉をクリックし[1]、「ブロックレイアウト」で〈フロート〉を選択して[2]、〈適用〉をクリックします[3]。
04-04-004_07_c1.png

プレビューで確認する

サイトエディタで〈プレビュー〉をクリックします。
030404-03.png

プレビューを表示するのは、サイト内の全ページか、表示中のページのみかを選択します。ここでは、〈はい〉をクリックします。

04-04-004_09_c1.png

全画面を表示して写真の配置を確認します。
04-04-004_10_c1.png

縮小した画面で写真の配置を確認します。
04-04-004_11_c1.png

© digitalstage Inc.