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

1. 文章
2. 簡単な街紹介 + 物件一覧
3. 簡単な街紹介 + 物件一覧
4. おすすめスポットの紹介
5. 記事一覧

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

1. 新ページを作成する

2. ページ作成の準備

3. ヘッダー・フッターの色を変更する

4. 文章を追加する

5. 簡単な街紹介を追加する

6. 物件一覧を追加する

7. おすすめスポットを追加する

8. 地域ブログの一覧を追加する

9. ページ完成

動画で確認

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

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

手順

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

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

手順

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

今回作成するページは、ヘッダーとフッター（ページの上端と下端）が青色になっています。
まずはこの部分の色を変更します。

手順

1. 左上の「その他の設定」をクリックします
2. 「ヘッダーフッター編集」をクリックします
   
3. ヘッダー・フッターの設定ウィンドウが開くので、色を選択して保存ボタンをクリックします
   今回は淡背景のブルーを選択します
   
4. 設定ウィンドウ右上の✕ボタンをクリックしてウィンドウを閉じます
5. 左上の「ブロック」をクリックすると、ブロック編集状態に戻ります
   

ここからは、ブロックを追加してページを作成していきます。
まずは、ページの一番上にある文章箇所を作成します。

手順

1. 左上の「ブロック追加」をクリックします
   
   
2. 文章カテゴリを選択して、文章1ブロックをドラッグ&ドロップ、もしくは「ブロック追加」ボタンをクリックして追加します
   ドラッグ&ドロップでは編集中のページを構成するブロックの好きな箇所にブロックを追加できるのに対し、「ブロック追加」ボタンではページを構成するブロックの一番下に追加されます
   
   
3. 追加したブロックをクリックします

設定項目

文字位置

見出しの位置を「左寄せ」「中央寄せ」「右寄せ」から選択します。

線表示

見出しの下の線の有無です。

見出し

見出しを入力します。

記事

エディターボタンをクリックして文章を入力します。
今回の中央寄せのほか、太字にしたり文字サイズを変更したり装飾する場合は、対象となる文字列を選択後に装飾ボタンをクリックします。
文字装飾の仕方についてはこちらをご覧ください。

次に、左に簡単な街紹介、右に物件一覧を表示するブロックを追加します。
ここでは、三鷹関連の情報を掲載する想定で進めていきます。
この部分は2カラムになるので、カラムブロックを追加して2カラムに設定します。

手順

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

手順

1. 左カラムのマークをクリックして、編集対象のカラムを左カラムに切り替えます
   
2. 「カラム内ブロック追加」をクリックして、写真ブロックを追加します
   
3. 「メディアボックスを開く」をクリックして、画像を設定します
   

設定項目

画像を指定する

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

バナー位置

画像が表示領域より小さかった場合、どの位置に寄せるのか設定します。
左寄せ、中央寄せ、右寄せから選択します。

リンクの開き方

メディアボックス内で、画像をクリックした際にアクセスするリンク先を設定することができます。
このリンク先を現在のページで開くのか、新しいウィンドウ（またはタブ）で開くのか設定します。

タイトル

設定すると、画像の上にタイトルとして表示されます。

手順

1. 左カラムが選択されている状態で「カラム内ブロック追加」をクリックして、文章ブロックを選択します
   
   
2. 追加した文章ブロックをクリックします
3. 見出しや文章、その他必要な項目を設定します
   
   

設定項目

見出し

見出しです。

記事

「記事を書く」をクリックするとエディターが表示されるので、そこに文章を入力します。
エディター上部の装飾ボタンで文章に色を付けたりリンクを設置したりできます。
文字装飾の仕方についてはこちらをご覧ください。

見出しタイプ

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

見出しの位置

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

線の位置

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

線の種類

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

線の太さ

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

見出しタイプ

見出し(h2)

見出しの位置

左寄せ

線の位置

下側

線の種類

通常

線の太さ

細

先ほど追加した街紹介の右に、物件一覧を追加します。

手順

1. 編集するカラムブロックを右カラムに切り替えます
   図では中央のカラムとなっていますが、3つ並んだうちの左2つのカラムを使っていますので、中央カラムの図のものが右カラムになります
   
   
2. 「カラム内ブロック追加」をクリックして、物件リストブロックを追加します
   
   
3. 追加した物件リストブロックをクリックします
4. 必要に応じて項目を設定します

列数

3列

表示件数

3

表示順番

更新日順

駅

三鷹駅（登録している駅から選択します）

タイトル

三鷹駅周辺のおすすめ物件

ページ送り機能表示

表示

手順

1. カラム編集ウィンドウの「背景色」をクリックします
2. 背景パターンは淡背景、色はライトグリーンを選択し、保存ボタンをクリックします
   
   

物件一覧の下に、水色背景のおすすめスポットを表示します。
背景色が変わるため、また新しくカラムブロックを追加します。
おすすめスポットは横幅いっぱいに表示するので、1カラムに設定します。

まず見出しを追加します。
「カラム内ブロック追加」をクリックし、見出しブロックを追加します。

設定項目

見出しタイプ

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

見出し

見出しの文章を設定します。

見出しの位置

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

線の位置

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

線の種類

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

線の太さ

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

見出しタイプ

見出し(h2)

見出しの位置

中央寄せ

線の位置

未選択

線の種類

未選択

線の太さ

未選択

設定項目

画像挿入

画像をアップロードします。 メディアボックスの基本的な使い方はこちらをご覧ください。
最大4枚まで設定できます。

列数

最大横4列まで画像を並べることができます。
画像を4枚登録して2列に設定すると、2段になって表示されます。

横位置

画像が小さくスペースが空く場合、どこに寄せるか指定します。

縦位置

画像～コメントの高さが統一されていない時、どの位置に寄せるか指定します。

リンクの開き方

画像アップロードの場面で、画像をクリックした際にアクセスするURLを設定することができます。
そのURLを同じページで開くか、新しいウィンドウで開くか指定します。

タイトル

画像の下に表示されるタイトルを設定します。
タイトル1からタイトル4までありますが、この数字は設定している画像の順番に対応しています。

コメント

タイトルの下に表示される文章を設定します。
コメント1からコメント4までありますが、この数字は設定している画像の順番に対応しています。

余白

ブロックの上下に若干の余白を持たせることができます。

列数

4列

横位置

横寄せ 中央

縦位置

縦寄せ 上

表示タイプ

コンテンツ

列数

1列

表示件数

5

カテゴリを選ぶ

大好き三鷹、吉祥寺

大きくする件数

0

ページ送り機能表示

非表示

日付の表示

表示

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

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