• TOP
  • ブログ一覧
  • 飲食店サイトの強い味方!テーマ「tree」で繁栄間違いなし

2021.01.15

WEB制作

飲食店サイトの強い味方!テーマ「tree」で繁栄間違いなし

NoImage画像

飲食店サイトの強い味方!テーマ「Tree」で繁盛間違いなし

Wordpressのテーマである「Tree」は、レストランやカフェなどの飲食店の運営にぴったりマッチするテーマです。

Tree」はおしゃれで洗練されたカフェやバーをイメージして作られてるので、時代に合ったサイトを制作することができます。

個性的なお店の雰囲気を、そのままサイトに表現できるメッセージ性の高いトップページやデザインや、ボタンひとつでメニューのレイアウトを変えられることが特徴的です。

「お店の魅力を最大限に伝えたい」と言う人には特におすすめのテーマです。

Treeのデザイン性

ヘッダーは画面の横幅をフル活用でき、サイトを訪れた人に動画やスライダー形式の静止画で、十二分に魅力を伝えられる仕様となっています。

詳細ページへの案内も分かりやすく、サイトに訪れた人を迷子にさせることがありません。

You TubeやMP4などの動画も埋め込むことが可能なのでインパクトのあるトップ画を飾ることができます。

静止画を採用する場合にはスライダーを利用して3枚まで設定が可能となっています。

グローバルメニューはデザインが特殊で、ロゴは中央に配置され、その左右にメニューを配置されています。

Treeがおすすめなお店はこんなお店!

基本的にあらゆるジャンルに対応が可能ですが、特に飲食店や雑貨店、美容室などのサイト運営におすすめです。

  • イタリアン
  • フレンチ
  • カフェ
  • ダイニングバー
  • 居酒屋
  • ビアバー

Treeはトップページでお店のオリジナルなメッセージを効果的に伝えられるので同業他社のお店のサイトに差をつけることができます。

Treeの多彩な機能紹介

Treeの主な機能を紹介していきます。

トップページのみならず、商品詳細ページやアーカイブでもサイトを訪れた人を飽きさせない機能が満載です。

ブログ機能

Treeにはブログ機能があります。

スタッフや社員がブログをアップすることで、そのお店のイメージを伝えやすくなります。

また固定のファンがいる場合には、ブログを読み「また行こうかな」と思ってもらえたりもします。

特に飲食店ではブログで「新鮮な食材」や「季節ものの食材」などを紹介すれば、お客様の食への意欲を刺激し、再来店や新規来店につながる可能性が高くなります。

さらにはパソコン用の広告とモバイル専用の広告を分けて設定することで、スマホやタブレットだけで広告を表示させることもできます。

飲食店に来るお客様の90%はスマホで検索していると言われているので、スマホのサイトには力を入れたいところですね。

ニュースティッカー

グローバルメニューの左側にあるニュースティッカーではブログを表示させることが可能です。

常に流れてくるニュースティッカーは目につきやすい部分なので最新情報や最新メニューなどを表示させれば、目に留まる確率は高くなります。

好みに合わせて日付順か、ランダムにするかを決定します。

コンテンツ

Treeのトップページのコンテンツはデザインされた5つのエリアが存在します。

  1. メッセージ
  2. フリースペース
  3. 画像スライダー
  4. 記事カルーセル
  5. デザインコンテンツ

5つのコンテンツは、メッセージ力が高いので、コンテンツビルダーを上手に駆使することでおしゃれでアピール力のあるトップページが出来上がります。

①メッセージ

ここにはテキストメッセージしか表示できません。

メッセージを表示する場所を右側か左側か選び、メッセージには、目を引くようなフレーズを選ぶようにしましょう。

フォントカラーやフォントサイズを調整して目立たせることができます。

②フリースペース

HTMLが分かる人は、フリースペースに書き込むことができます。

画像・テキストどちらも表示できます。

③画像スライダー

画面スライダーはスライド形式の画像表示機能があり、最大で5枚までセットできます。

④記事カルーセル

記事カルーセルはブログとお知らせのどちらかの記事を表示できます。

表示する記事数も設定できます。

⑤デザインコンテンツ

デザインコンテンツはレイアウトが特徴的です。

サイド部分には縦書きの見出しを表示さることが可能です。

和食店などに活用しやすいですね。

トップページだけではなく、サイトの全体にわたってサイド部分に見出しを表示できます。

メニュー

カフェや飲食店のメニューをオシャレな雰囲気で表示できます

メニューの画像は2列並べて1つのセットとなります。

レイアウト自体はTreeが自動的にやってくれるので、メニュー名とテキスト、値段を書き込めば終了です。

メニューを載せたくない場合は、非表示にもできます。

リンクコンテンツ

店舗のブランディングと異なる内容をサイトに載せたいときは、リンクコンテンツを利用します。

例えば外部会社のデリバリー案内や雰囲気の異なる姉妹店の案内などを載せる場合などに便利です。

設定方法はいたって簡単で、画像を準備したらリンク先を貼り付けて終わりです。

他にもTreeでできる機能は多岐にわたりますが、以下で一欄にして紹介しますのでサイト作成の参考にして下さい。

  • カスタムCSS
  • カスタムスクリプト
  • 関連記事表示機能
  • スマホ専用フッターバー
  • パスワード保護ページ機能
  • OGP・ツイッターカード機能
  • 直感的操作のページビルダー
  • ウィジェット「ランダム表示機能」
  • ウィジェット「Googleカスタム検索」
  • 新クイックタグ(Gutenberg対応)
  • カスタマイズ機能付き404ページ作成機能
  • 管理画面の多言語対応(日本語・英語)
  • ローディング画面(ロード画面の有無の選択)
  • 詳細ページレイアウト(2カラム左/右・1カラム)
  • フォント変更機能(メイリオ・游ゴシック・游明朝)
  • グローバルメニューの追従・固定表示(PC/スマホ)
  • microdata形式の構造化マークアップ適用パンくずリスト
  • インストール後初期設定を一括完了させるテーマ管理機能
  • サムネイル画像のホバーエフェクト(ズーム・スライド・フェード)
  • SNSボタン(Twitter・Facebook・Youtube・Instagram)
  • レティナディスプレイ対応ロゴアップロード(ヘッダー/フッター/モバイル)
  • 日付・カテゴリ・タグ・投稿者名・コメント・SNSボタン等表示選択機能

Treeのテンプレートは豊富

デザインがすでに設定されているテンプレートを使用すれば、サイト制作は簡単にできます。

Treeでは固定ページ用のテンプレートが豊富に用意されているので、サイト制作に慣れていない人でも製作可能です。

さらにHTMLが分かれば、フリースペースも十分に使いこますことができます。

WordPressテーマtree【まとめ】

いかがでしたか?

Treeを使用して食べログなどの総合グルメサイトでも紹介しきれない、「自分のお店だけのサイト」を作成してお店の良さをアピールしてみてはいかがでしょうか?

サイト作成に不安がある場合にはLife Growに一度ご相談ください。

お店にあったサイト制作のお手伝いをさせて頂きます。

※現在LINE作成中です。
お申し込みをご希望の方は問い合わせから
お問い合わせください。

お問い合わせcontact

WEB施策や集客などについての課題解決のサポートを
いたします。お気軽にお問い合わせください。

会社概要company

弊社の概要についてまとめさせていただきました。

PAGE TOP