最近見た物件お気に入り保存した条件
06-0000-1234

年中無休(水曜定休)

トップページを設定しよう

GRAVITYでつくるサイトの玄関口となるトップページの設定についてご紹介します。

トップページは、訪問者が最初に目にするページです。基本的には、サイト下層に作成したコンテンツへの導線となる役割を持ちます。下層ページ(詳細ページ)をある程度準備してから設定しましょう。

下層ページ(詳細ページ)とは、以下のことを指しています。

投稿、お知らせページは必須ではありませんが、それぞれクリックして設定方法を確認してみてください。当記事では、各種下層ページを作成している前提で、トップページの設定方法を解説いたします。

設定箇所

トップページは、ダッシュボード内のTCDテーマ > トップページで設定します。

用意されているオプション

トップページは以下の3つの項目に分かれています。項目名をクリックして詳しい設定方法を確認できます。

ヘッダーコンテンツ トップページの最初に表示されるヘッダーコンテンツです。下記のいずれかを設定できます。
・画像スライダー(画像単体も可)
・mp4動画
・物件カルーセル
物件検索フォーム 物件情報を登録することで自動作成されるフォームです。
メインコンテンツ トップページのメインコンテンツです。コーディング不要で、以下のアイテムを組み合わせて作成できます。
・投稿一覧
・お知らせ一覧
・物件一覧
・物件スライダー
・フリースペース

ヘッダーコンテンツ

ヘッダーコンテンツには、次のオプションが用意されています。

スライダー

トップページヘッダーに、オリジナルの画像スライダーや、mp4動画を設置したい際にご利用ください。

設定できる項目は以下の通りです。

キャッチコピー スライダーに表示するキャッチコピーを設定します。
フォントタイプや、文字サイズ(PC/スマホ別)も変更可能です。
サブキャッチコピー スライダーに表示するサブキャッチコピーを設定します。
ボタン スライダー上に表示するボタンを設定します。以下の項目を設定可能。
・ラベル
・URL
・背景色
ファーストビューから特定のページにリンクさせる際にご利用ください。
コンテンツの背景 キャッチコピーとボタンの背景を装飾できます。
背景 背景のタイプを以下より選択できます。
・画像(画像を複数登録してスライダー式で表示)
・動画(mp4動画を1つ設定可)
それぞれ背景にオーバーレイをかけて可読性を高められます。

物件カルーセル

トップページヘッダーに、物件記事へのリンクを設置したい際にご利用ください。物件記事を作成してから設定しましょう。物件情報を登録しよう

設定できる項目は以下の通りです。

物件一覧 表示する物件記事を詳細に指定できます。
・すべての物件
・物件種別(賃貸マンション、売買戸建て等)
・ID指定
物件の並び順 ・新着順
・価格(賃料)の安い順
・価格(賃料)の高い順
・築年数の新しい順
・築年数の古い順
・建物面積(または専有面積)の広い順
・土地面積の広い順
・ランダム
メタデータ1 物件記事に登録したメタデータ1を表示します。
メタデータ2 物件記事に登録したメタデータ2を表示します。

物件一覧は、上記に加えて所在地の指定も可能です。

所在地オプションは、大阪府全域や特定の市区町村で絞って表示したい際にご活用ください。

物件検索フォーム

物件記事を登録すると、物件検索フォームは自動で作成されます。ここでは表示するかしないかを設定するのみです。

メインコンテンツ

メインコンテンツには以下のアイテムが用意されているので、ドラッグ&ドロップで自由に追加してください。並び替え・表示・非表示も簡単に操作可能です。

  • 投稿一覧
  • お知らせ一覧
  • 物件一覧
  • 物件スライダー
  • フリースペース

投稿スライダー

通常の投稿記事をスライダー式で表示します。表示する記事について次の項目を設定可能です。

記事一覧 表示する記事を詳細に指定できます。
・すべての記事
・カテゴリー
・ID指定
記事の並び順 新着順・ランダム
表示する記事の数 PC、スマホ別に設定できます。
多過ぎても閲覧されないので、PC:8件、スマホ6件ぐらいが推奨です。

トップページで投稿記事を見せたいときにご利用ください。

お知らせ一覧

カスタム投稿「お知らせ」の記事を一覧表示します。表示する記事について次の項目を設定可能です。

記事一覧 表示する記事を詳細に指定できます。
・すべての記事
・カテゴリー
・ID指定
記事の並び順 新着順・ランダム
基本的には新着順がおすすめです。
表示する記事の数 PC、スマホ別に設定できます。
PC:4~6件、スマホ3件ぐらいが推奨です。

トップページにお知らせ記事(サイトやお店の更新情報等)を掲載する際にご利用ください。

物件一覧

物件ページ」の記事一覧を2列 or 3列で表示します。表示する記事については、次の項目から指定可能です。

物件一覧 表示する物件記事を詳細に指定できます。
・すべての物件
・物件種別
・ID指定
物件の並び順 ・新着順
・価格(賃料)の安い順
・価格(賃料)の高い順
・築年数の新しい順
・築年数の古い順
・建物面積(または専有面積)の広い順
・土地面積の広い順
・ランダム
表示する物件数 PC、スマホ別に設定できます。
PC:6件、スマホ3件ぐらいが推奨です。

物件の所在地で絞り込んで表示も可能です。トップページで見せたいおすすめ物件情報を掲載してください。

物件スライダー

物件ページをスライダー式で表示します。物件タグ(物件のこだわり条件など)と一緒に表示され、クリックすると物件記事が差し代わります。

表示する記事については、次の項目から指定可能です。物件数はPC、スマホとも最大12件まで表示される仕様です。

物件一覧 ・すべての物件
・物件種別
物件の並び順 ・新着順
・価格(賃料)の安い順
・価格(賃料)の高い順
・築年数の新しい順
・築年数の古い順
・建物面積(または専有面積)の広い順
・土地面積の広い順
・ランダム

物件情報をこだわり条件から探してもらいたいときにご活用ください。

フリースペース

自由にHTMLを入力できるスペースです。WordPressのパターン機能でご自身で作成したコンテンツを表示することも可能です。コンテンツの横幅は、他に合わせて1200pxにするか、画面フルサイズから選択いただけます。

トップページに独自のコンテンツを設置したい際にご活用ください。

共通設定

メインコンテンツ共通の設定です。各アイテムの見出しのフォントタイプ、サイズ(PC/スマホ別)を設定できます。

初期値のままでも問題ないですが、各アイテムを登録後の微調整にご活用ください。

下層ページが充実して、トップページが完成したらいよいよサイト公開目前です。

サイト全体に関する設定や、サイトのクオリティをアップできる次のオプションを確認しておきましょう。
↓項目をクリックして解説記事へリンクできます。

ヘッダー サイトのヘッダー(最上部)に関する設定。
フッター サイトのフッター(最下部)に関する設定。
ロード画面 ページ読み込み中に表示されるロード画面の設定。
404ページ URLが間違っているときに表示される404ページの設定。
SEO設定 検索エンジンを通してサイトを見つけてもらいやすくするための設定。
パスワード保護 パスワード保護ページのカスタマイズ設定。
この記事は役に立ちましたか?
もし参考になりましたら、下記のボタンで教えてください。

店長

店長の正木です。賃貸のことなら何でもお任せ。 団地物件から最新マンションまで、疑問、質問にお答えします。この街で不動産業に携わって20年以上の宅地建物取引士です。お客様のライフスタイルに合った物件探しを全力でお手伝いしています。

関連記事

目次