以下のようなトップページを作成する手順です。

1. 画像のスライドショー
2. ブログ一覧 + 動画
3. 物件一覧
4. コンテンツ一覧

トップページ作成の注意点

1. 新ページを作成する

2. ページ作成の準備

3. 画像スライダーを追加する

4. ブログ一覧を追加する

5. 動画を表示する

6. 物件一覧を表示する

7. コンテンツ一覧を表示する

8. ページ完成

別配色

動画で確認

トップページは常に公開状態となっています。
そのため、トップページの編集を行うと、編集途中のページがお客様に見られてしまう可能性があります。
トップページにアクセスするたびに表示が変わると、お客様を混乱させてしまう可能性があるので、少しの編集なら問題ありませんが、完全にレイアウトを変更する場合などは、新しくページを作成して非公開状態で編集し、完成したらそのページをトップページに切り替えるようにします。
トップページへの切り替えは管理ページでは行えないので、ドリームワンにご連絡ください。

新しいトップページになる、新ページを作成します。

手順

1. 左メニューの「メニュー編集」をクリックします
2. 左上の「新規追加」をクリックします
3. 作成したページにわかりやすいようにタイトルを設定します

以降はデザイン編集ページで作業を行います。
右上の「デザイン編集」をクリックします。

手順

1. 左上の「ブロック削除」をクリックします
2. カラムブロックのチェックボックスにチェックを入れます
3. 「選択したブロックを削除」をクリックします

まず、画像表示スライダーを設置します。
画像スライダーはカラムブロック内のものを使用するので、カラムブロックを追加します。

手順

1. 「ブロック追加」をクリックします
   
   
2. 「カラム」をドラッグ&ドロップ、またはブロック追加ボタンで追加します
   
   
3. 追加したカラムブロックをクリックします
4. カラムブロックの編集ウィンドウが開くので、1カラムを選択します
   
   

手順

1. 「カラム内ブロック追加」をクリックして、スライダーブロックを選択します
   
   
2. 追加したスライダーブロックをクリックします
3. スライダーブロックの設定を行います
   
   

設定項目

画像挿入

スライダーに表示する画像を設定します。
メディアボックスの基本的な使い方はこちらをご覧ください。

表示件数

スライダーに表示する画像の枚数を設定します。

サムネイル

スライダーの下に表示するサムネイルの有無を設定します。

表示タイプ

スライダーの表示領域の縦幅を指定します。
「縦幅:◯px」を選択した場合、画像は横幅いっぱいに表示され、領域からはみ出した上下は表示されません。
「縦幅:自動」を選択した場合、画像の大きさに合わせて領域が変わります（画像全体が表示されます）。

リンクの開き方

画像にリンク先を設定した場合に有効になります。
画像のリンク先を同じウィンドウで開くか、別のウィンドウで開くか設定します。

サムネイル

サムネイル非表示

表示タイプ

縦幅:350px

画像スライダーの下には、新着記事の一覧と、物件紹介の動画を表示します。
ここは2カラム（2列）になっているので、先ほどと同様の手順でカラムブロックを追加して、2カラムに設定します。
2カラムは狭いカラムと広いカラムで構成されていて、左が狭いタイプと右が狭いタイプの2種類あります。
今回は左が狭い方を選択します。

設定項目

見出しタイプ

見出しの重要度を設定します。基本的にはh2やh3を使用します。

見出し

見出しです。

見出しの位置

左寄せ、中央寄せ、右寄せから選択します。

線の位置

見出しを装飾する線を表示することができ、その線の表示位置を選択することができます。
未選択だと線は表示されません。

線の種類

通常の線、点線、破線から選択できます。

線の太さ

線の太さを3段階で指定できます。

見出しタイプ

見出し(h2)

見出し

新着ブログ一覧

見出しの位置

中央寄せ

線の位置

下側

線の位置

破線

線の太さ

細

表示タイプ

ブログ

列数

1列

表示件数

4

ページ送り機能表示

非表示

日付の表示

表示

色

淡背景のグリーン

物件一覧の隣には、動画を埋め込みます。
記事一覧と同様に、こちらにも見出しを追加します。
見出しブロックの設定内容は記事一覧の時と同じです。

続いて動画の埋め込みです。
物件紹介や地域のイベントなどの動画を定期的に撮影する場合には、ブログの新着記事が表示されるのと同じように、トップページなどの目に付きやすい場所に新着動画を表示するといいでしょう。
動画は事前にYouTubeにアップしておく必要があります。
YouTubeへの動画のアップロード手順と動画ページのURLの取得方法については、こちらをご確認ください。

動画埋め込み用に動画ブロックがあるので、右側のカラムに動画ブロックを追加します。

記事一覧+動画の下には、新着物件の一覧を表示します。
1カラムになるので、新しくカラムブロックを追加して、1カラムに設定します。

また、これまで同様、見出しブロックを追加、設定します。
色は色背景のブラウンを指定します。

見出しブロックの下には物件リストブロックを追加します。

表示件数

6

表示順番

更新日順

列数

3列

ページ送り機能

表示

最後に、コンテンツの一覧を表示させます。
新しくカラムブロックを追加し、1カラムに設定します。
これまで同様、見出しブロックを追加、設定します。
色は色背景のブルーグレイを指定します。

見出しブロックの下に、コンテンツリストブロックを追加します。
コンテンツリストブロックはブログ一覧でも使用していますが、こちらは記事ではなくコンテンツを表示させるため、設定が少し異なります。
今回は、ページ送り機能と、日付を非表示にしています。

表示タイプ

コンテンツ

列数

3列

表示件数

3

ページ送り機能

非表示

日付の表示

非表示

以上で新トップページの作成が完了しました。

同じレイアウトでも、配色のパターンを変えるだけで印象が変わってきます。
色々試してみてください。

全体を通しての操作を動画で確認できます。