【便利！】フルワイドブロックの使い方 Part3

2022年11月3日

くにみつ

では3回に渡ってのフルワイドブロックの使い方です。
活用例3の作り方をご説明しますね。

フルワイドブロックの説明はこちら

がんばりますさん

ではまず今から作成するフルワイドブロックは以下の通りです。これを作っていきましょう。前半は一緒なので飛ばしてもらって構いません＾＾

サロンのご案内

まずスタートは一緒ですね。四角の＋マークをクリックします。

次は「フルワイド」を選択します。
よく使う場合は一覧に表示されていますが、表示されていない場合は「すべて表示」をクリックしましょう。

左のメニューから「フルワイド」を選択します。

フルワイドブロックが挿入されます。

「見出し」と文字が入っている所に「サロンのご案内」と入れます。
※ここは皆さんが入れたいタイトルを入れてください。

フルワイドコンテンツの右上辺りをクリックして、フルワイドコンテンツを選択します。
※選択できると左上辺りにフルワイドのツールバーが表示されます。

がんばりますさん

うまく選択できる時とできない時があるので、場所を変えながら何度かクリックしてみてください。

フルワイドブロックを選択後、右側のメニューを確認しましょう。
①「ブロック」が表示されているか確認しましょう。
②「背景画像の設定」から「メディアから選択」をクリック。
背景画像を設定します。

画像を選択して右下の「選択」をクリックします。

画像が挿入されました。

「固定背景」にチェックを入れます。

がんばりますさん

これで完成です。ホームページを上下にスクロールするとサロンの背景画像が動いて見えると思います。

くにみつ

前回ご説明しましたが、画像の上にカラー（色）を乗せることも可能ですので、前回の記事をご参考にチャレンジしてみてください。

よかったらシェアしてね！