以下のようなトップページを作成する手順です。
トップページは常に公開状態となっています。
そのため、トップページの編集を行うと、編集途中のページがお客様に見られてしまう可能性があります。
トップページにアクセスするたびに表示が変わると、お客様を混乱させてしまう可能性があるので、少しの編集なら問題ありませんが、完全にレイアウトを変更する場合などは、新しくページを作成して非公開状態で編集し、完成したらそのページをトップページに切り替えるようにします。
トップページへの切り替えは管理ページでは行えないので、ドリームワンにご連絡ください。
このページのデザインでは、タイトル部分に画像を使用します。
自分で撮影した画像でもいいですが、質が高く、商用利用可能な画像を無料で提供しているサービスがあるので、今回はその中から、ブログの画像検索でも使用しているPixabayの画像を使用する手順を最初に紹介します。
新しいトップページになる、新ページを作成します。
以降はデザイン編集ページで作業を行います。
右上の「デザイン編集」をクリックします。
タイトル部分には写真1ブロックを使用します。
続いて、コンテンツ一覧を表示させます。
カラムブロック内のコンテンツブロックを使用するので、まずカラムブロックを追加します。
最初に書きましたが、このレイアウトはタイトルとコンテンツ一覧をセットとして、このセットを繰り返し追加しているデザインです。
手順3と手順4を繰り返して、あと2セット追加します。
今回のサンプルでは、1つ目のセットをアンバー、2つ目のセットをグリーン、3つ目のセットをシアンと、色でまとまりがわかりやすいようにしています。
最後に、物件情報を掲載しているサイトへのバナーを設置します。
以上で新トップページの作成が完了しました。
全体を通しての操作を動画で確認できます。
