BLOGブログ

BLOG今日も笑顔が溢れる

1

こだわりのメニュー紹介ページをサクッと作成できるカスタム投稿タイプ「メニュー」

バリスタのブログ

Treeに実装されているカスタム投稿タイプ「メニュー」では、カフェや飲食店のメニューをスタイリッシュにレイアウトできます。

使い方としては、まずざっくりと店内のメニューを構成するカテゴリーを考えてみましょう。例えば、デモサイトなら、デリバリー、ドリンク、デザートとなっていますね。あなたのお店のメニューをカテゴリー分けしたら、それらをカテゴリーごとにカスタム投稿タイプ「メニュー」に追加していきます。

主な設定は、アーカイブページに表示する大小の画像の設定と各所のテキストぐらいです。詳細ページとアーカイブページに共通で表示される各カテゴリーの説明文は基本設定で一括設定する仕様になります。

メインのコンテンツは、以下のコンテンツビルダーでスマートに制作することができます。

  • メニューのデータ
  • リンクコンテンツ
  • フリースペース

サイド部分に表示するテキストを設定して、メニュー表を構成するメニュー名と値段を入力するだけです。あとは、任意でメニューの画像などをセットして、そのレイアウトを用意されている3種類から選ぶと出来上がりです。簡単でしょ?

デリバリーメニューページ
デザートページ

上記の二つを見比べてみてください。画像の配置が異なりますが、すべてボタンひとつで切り替えられます。これは、もちろんページごとではなく、コンテンツごとに変えられるので、無限に組み合わせることができますね。お洒落なメニューページをサクッと作り上げてみてください。

RELATED関連記事

関連記事

PAGE TOP