トップページの設定とヘッダーの作成が終わりましたら、トップページの中身を作成します。
目次
トップページ編集
管理画面操作
固定ページ→固定ページ一覧→トップページ→編集
前項の作業でトップページが作成・保存がされていますので、それを編集して作っていきます。
ここで何を書いたら良いのかと悩むと思いますので、大まかな構成のパターンを紹介します。もちろん全く同じ様にする必要はありません。
トップページに限らず、ページの基本構成は三部構成になります。
- ファーストビュー
-
ヘッダー画像やキャッチコピーやリード文（導入文）で、ユーザーの興味を惹くようにして、ページを読ませる目的があります。
- 本文
-
ページのメインコンテンツです。店舗紹介や商品・サービス紹介など、お客さんに伝えたい情報を表示させます。
- クロージング
-
本文を読んでくれたお客さんを成約させるための導線です。問い合わせ先やお店の位置情報など、自店舗の目的に合った項目を表示させます。
ファーストビューでお客様の目や心を惹きつけ、本文でそのページで伝えたいことを分かりやすく解説し、クロージングでお客さんにとってほしい行動を誘導します。
参考トップページ
床屋のトップページを上記のルールのもとで作ってみました。作成には10分も掛かっていません。それなのに、シンプルで見やすいトップページができました。詳細の作り込みは後でやれば良いので、まずはざっとこんな感じでで作り終えることが重要です。
参考トップページ解説
使用したブロックは4種類です。
- 段落
- 見出し
- 画像
- ボタン
トップページ装飾例
後からページを装飾をすることで、もっと美しいページにすることはできます。現状で装飾にこだわると先に進めなくなりますので、まずはシンプルでいいので作り上げることを目標にしましょう。
デモページ装飾前
デモページ装飾後
