Treeに実装されているカスタム投稿タイプ「メニュー」では、カフェや飲食店のメニューをスタイリッシュにレイアウトできます。
使い方としては、まずざっくりと店内のメニューを構成するカテゴリーを考えてみましょう。例えば、デモサイトなら、デリバリー、ドリンク、デザートとなっていますね。あなたのお店のメニューをカテゴリー分けしたら、それらをカテゴリーごとにカスタム投稿タイプ「メニュー」に追加していきます。
主な設定は、アーカイブページに表示する大小の画像の設定と各所のテキストぐらいです。詳細ページとアーカイブページに共通で表示される各カテゴリーの説明文は基本設定で一括設定する仕様になります。
メインのコンテンツは、以下のコンテンツビルダーでスマートに制作することができます。
- メニューのデータ
- リンクコンテンツ
- フリースペース
サイド部分に表示するテキストを設定して、メニュー表を構成するメニュー名と値段を入力するだけです。あとは、任意でメニューの画像などをセットして、そのレイアウトを用意されている3種類から選ぶと出来上がりです。簡単でしょ?
上記の二つを見比べてみてください。画像の配置が異なりますが、すべてボタンひとつで切り替えられます。これは、もちろんページごとではなく、コンテンツごとに変えられるので、無限に組み合わせることができますね。お洒落なメニューページをサクッと作り上げてみてください。