ここに記載の内容はあなたがご覧になる時期によっては内容に変更が生じているケースもあります。必ず公式サイトでご確認ください。
Tree（TCD081）【日本語ワードプレステーマ】
当ページの一部リンクにはプロモーションが含まれています。
目次
テーマ［Tree］が選ばれる理由
「Tree」はカフェやレストランといった飲食店の運営をサポートするワードプレステーマです。
本格的なレストランからカフェ/ファストフード/カジュアルなバーまでフィットする柔軟なサイトデザイン。
店舗のメニューを掲載するのに最適なレイアウト構成。
店舗経営に欠かせない店情報/イベント/デリバリーなどに使える専用テンプレートも実装してます。
Uber Eatsや出前館といった外部のデリバリーサービスに任せっきりではなく、集客力アップや店のブランドイメージアップも兼ねた自社運営の飲食店サイトを構築したい方におススメのテーマ
テーマ［Tree］に向いてる業種/サイト
- カフェやレストランといった飲食店サイト。
※当サイトで紹介しているテーマ内に出てくる独自（専門）用語の意味がイマイチわからないという方のために用語の解説ページを作ってみました。
以下の用語について簡単に解説してます。【五十音順】
ABテスト・AMP・CTA・CTR・ECサイト・gzip・OGP＆ツイッターカード・PWA・Welcart（ウェルカート）・WooCommerce（ウーコマース）・アップセル＆クロスセル・アノテーション・ウィジェット・ウィッシュリスト・オウンドメディア・オーバーレイ・オプトイン・オンラインサロン・カスタム投稿タイプ・カルーセルスライダー・ゴーストボタン・子テーマ・コーポレートサイト・サイトアフィリエイト・サイト回遊率・ショートコード・スクロール追尾・スプリット仕様・ドロップシッピング・ニュースティッカー・ネイティブ広告・バイラルメディア・パララックス（デザイン）・ハンバーガーメニュー・非同期読み込み・ヒーローヘッダー・ファーストビュー・ファビコン・プラットフォーム・ブランディング・フルードグリッド・プルクオートブロック・ブログアフィリエイト・ポータルサイト・ポートフォリオサイト・マイクロコピー・メガメニュー・モーダルウィンドウ・ランディングページ・リッチスニペット＆構造化マークアップ（JSON-LD）・レイヤー画像・レスポンシブデザイン
テーマ［Tree］の注目ポイント
メニュー
カフェや飲食店のメニューをオシャレな雰囲気で表示できる機能。
メニュー用画像は2列でワンセット。（PC or モバイル共に）
キャッチコピーやメニュー名や値段を設定するだけの簡単設定。
（メニュー表示の有無や並びの変更も可）
メニュー表はメニュー名と値段を入力するだけで自動レイアウト。
案内ページ
特別なイベントやスペシャルコースメニューなどのご案内用に最適なページ作成機能。
上の画像・赤枠内のリスト形式のメニュー表は最大3つまで表示可。
（リストの表示数によってレイアウトは自動調整）
表示リストはチェックボックスで切り替え可能。
設定さえ済ませておけば時季によって提供されるメニューが変わってもすぐに切り替えられます。
（スマホでは1列表示）
アバウトページ
お店についての概要ページ（アバウトページ）を想定したページ作成機能。
店舗概要を箇条書きのように入力するだけで完成します。
テーマ［Tree］の主要機能
リンクコンテンツ
目立つデザインで外部のデリバリーサービスなどへのリンクを表示できるのがリンクコンテンツ機能。
画像と説明文とリンク先URLを登録するだけ。
二段式グローバルメニュー
トップページのグローバルメニューは中央にロゴ、その左右にメニューが2段階で展開するちょっと特殊なデザイン。
より多くの情報をヘッダー上部に表示できるよう考案されたものだそう。
左に4つ右に3つの不均等メニュー数にしても自動的に適切な間隔で表示される仕様。
右上のドロワー（ハンバーガー）メニュー（※PCでも表示可）をクリックしてもグローバルメニューが表示されます。
ヘッダーコンテンツ（ファーストビュー）
背景には静止画像（複数ならスライダー形式）・mp4動画・youtube動画が設置可。
Treeのトップページ・ヘッダーは画面フルサイズで表示可能。
ヘッダー中央にはテキストのキャッチフレーズのほかロゴ画像などもセット可。
表示位置も左右 or 中央に変更可能。
（ロゴ画像の後ろにある四角い背景は任意で表示可）
メインコンテンツ（トップページ）
コンテンツビルダーを使ったアイテムの組み合わせで簡単構成。表示/非表示や並べ替えも簡単操作。
以下のアイテムが用意されており、いずれも専用の設定画面が実装されてます。
デザインコンテンツ
大きめの画像とテキストを重ねて表示するコンテンツ。
斜めのレイアウトが特長で、サイドにはワンポイント的な見出しも表示可。
サイド部分の見出しテキストはサイト全体で表示させることも可。
画像スライダー
スライダー形式の画像表示機能。
画像は最大5枚までセット可能（リンク設定も可）。
記事カルーセル
お知らせ記事もしくはブログ記事のいずれかをカルーセルスライダーで表示。
表示する記事の数や記事の並び順（日付順・ランダム）は細かく設定可。
メッセージ
キャッチフレーズとなるようなテキストメッセージのみを表示するコンテンツ。
表示位置は左右から選択可というだけのシンプル仕様。
（フォントサイズやカラーなども別途設定可）
フリースペース
完全オリジナルのコンテンツ作成エリア。
（HTMLも使用可）
アクセスページ
店舗の所在地ページ作成機能。
Google Map・店のロゴ画像・電話番号などがワンセット。
スマホからはタップで電話がかけられる仕様。
広告機能
Treeには広告表示機能も搭載。
主な表示箇所はブログ記事とお知らせ記事内。
ブログ記事ページならアイキャッチ画像の下部と関連記事の上部。
記事本文内の任意の箇所に広告を表示させたい時はあらかじめ登録しておいた広告をショートコードとしてコピー＆ペーストするだけ。
テーマ汎用機能
- 『TCDクラシックエディター』プラグイン対応
- クイックタグ（Gutenberg対応）
- アラートを表示できるヘッダーメッセージ
- 標準フォント（メイリオ/游ゴシック/游明朝）
- 見出しの縦書き対応
- スマホ用フッターバー
- カスタムCSS
- カスタムスクリプト
- プリセットカラー（5タイプ）
- ローディング機能
- 登録済みアイキャッチ画像のサイズ一括調整（regenerate thumbnails）
- アイキャッチ未設定時の代替画像作成
- microdata形式対応パンくずリスト
- 404ページカスタマイズ
- SNSシェアボタン
- PWA対応
- LP（ランディングページ）専用テンプレート
- 投稿者プロフィール＆投稿者一覧ページ
- カスタム投稿タイプ「お知らせ」
- カスタム投稿タイプ「商品メニュー」
カスタム投稿タイプとは
TCDテーマには必ずといっていいほど「カスタム投稿」タイプが付いてます。これ、通常の投稿と何が違うかご存じですか？
簡単にその違いをご紹介します。
ワードプレスにデフォルトで備わってる主な投稿タイプには「投稿」と「固定ページ」があります。
「投稿」はブログ記事など時系列順にコンテンツを発信するのに向いており、”カテゴリー”や”タグ”と呼ばれるページ分類機能が備わってます。
作成した記事を一覧表示するアーカイブページも存在します。
「固定ページ」は時系列に関係なく、そのページ単体で完結するようなコンテンツ作成に向いてます。たとえば”会社案内”や”FAQページ”、”問い合わせページ”など。
時系列からは外れてるため、カテゴリー等で分類することはできずアーカイブページも存在しません。
その代わり固定ページ同士での階層関係を持てたりページテンプレートを選択できる機能が備わっています。
「カスタム投稿（タイプ）」は編集画面は「投稿」と似てますが、コンテンツの内容に合わせてデザインやレイアウトを自由に設定できるのが特長です。
（TCDテーマであれば）”お知らせ”や”会社実績”、”特集”などがカスタム投稿タイプで構成されてます。
また管理画面には「投稿ページ」や「固定ページ」の他に設定済みの「（カスタム投稿タイプ名）」が出現します。
更新作業の際はそのメニューから直接編集画面を開けるのでとても便利です。
サポート
TCDテーマのインストール、初期設定、使い方のメールサポートあり。
独自カスタマイズについて
TCDのテーマはいずれも完成度が高いため、（それなりの知識がある方でも）独自カスタマイズがかえってやりにくいという面もあります。
それでも「どうしてもここをこうしたいんだけど…」という場合はTCD LABOを覗いてみると一気に解決策が見つかるかもしれません。
TCD LABOというのはTCDの各テーマのこれまでのカスタマイズ事例の中から需要が多いと思われるカスタマイズ事例をピックアップ紹介している専用サイトのことです。
ただしTCD LABOでのカスタマイズ例はテーマファイルを直接”いじくる”ものがほとんどなので、HTMLやCSSを全く知らないという方には少々敷居が高いでしょう。
カスタマイズを施したけどサイトが表示されなくなってしまったなどのトラブルが発生しても元に戻せる自信がない方はテーマ標準の機能をそのまま使うことをおススメします。
無料テーマ GLUE
TCDテーマの中には完全無料で利用できるテーマもあります。それが「GLUE」。
初心者からプロまで使える高機能なブログ向けWordPressテーマです。
テーマ選びでお悩みの方はお試し感覚で使ってみるのもいいんじゃないでしょうか。
コメント