Treeに用意されているトップページのコンテンツビルダーは、多くの箇所にメッセージをセットできる仕様になっています。サイト全体に言えることですが、コンテンツのサイド部分にテキストを表示することができるデザインです。
トップページでは、下記の5つのデザインされたコンテンツを用意しております。あらかじめ用意されているコンテンツに当てはめるだけで、すぐにトップページが完成します。
- デザインコンテンツ
- 画像スライダー
- 記事カルーセル
- メッセージ
- フリースペース
デザインコンテンツ
デザインコンテンツは、大きめの画像とテキストコンテンツを重ねて表示する仕様です。特徴的な斜めにレイアウトされたデザインはユーザーの目に特に印象に残るでしょう。画像とテキストでしっかりと訴求することで、下層ページへの導線としても効率的に機能します。テキストエリアと画像部分の入れ替えはワンタッチで可能です。
画像スライダー
最大5枚まで画像をセット可能で、任意でリンクを設定することも可能です。こちらにもサイドに見出しをセットできます。
記事カルーセル
お知らせ記事か、ブログ記事を選んでカルーセルスライダーで表示できます。表示する記事の数や記事の並び順（日付順・ランダム）は細かく設定できるので、アピールしたい内容によっていつでも切り替え可能です。
また、日付下の西暦は、ボタン一つで曜日表示（英字）にすることもできます。曜日ごとに更新する内容を決めておいたりすると、お客さんもわかりやすいかもしれませんね。
メッセージ
こちらはテキストでキャッチフレーズとなるようなメッセージのみを表示するコンテンツです。表示位置を左右から選択できるのみのシンプルな仕様になります。コンテンツ上下のスペースなどは数値を入力するだけで簡単に調整が可能です。個別にフォントタイプやサイズを変更できるので、目立たせたい場合やデザインに馴染ませたい場合でも応用が効きます。
何がウリなのか、どういったお店なのかを短いテキストでアピールする場合にご活用ください。メッセージがあるのとないのとでは、印象がかわりますし、バランスを見て設置してみましょう。
フリースペース
最後は、自由にHTMLを使って記述できるフリースペースです。こちらもコンテンツ上下のスペースをPC/モバイルごとに設定できるので、レイアウトを微調整することが直感的に可能な仕様となっています。デモサイトでは画像とテキストを並べて表示しています。
これらのコンテンツはすべて自由に追加したり、並び変えが可能です。メッセージコンテンツや、サイド見出しなど、多くの場所にテキストをセットできるので、細かい部分までアピールすることができると思います。
カフェやバルに必須の居心地の良さや、店舗のウリをあらゆる視点からアピールしてみてはどうでしょうか。
