どうもこんにちは。「自由がテーマのダンディズム研究家」の銀河(@ginga_noguchi)です。

飲食店のメニューページを作るときにうまくレイアウトが組めずにお困りではありませんか? 紙の媒体とは違って「これは左でこれは右」、「ここは2行表示でこっちは3行」、「あ、値段入れ忘れてた。どこに入れよう」みたいな。

今回はそんな飲食店のWEBサイト担当者の方にWordPressのプラグイン『Food and Drink Menu』をご紹介します。手間のかかるメニュー作成を直感的にサクッと行える便利なプラグインなのでぜひ参考にしてみてください。

スポンサーリンク

プラグイン『Food and Drink Menu』

WordPressのプラグイン『Food and Drink Menu』はその名の通りレストランやカフェなどの飲食店のフードやドリンクのメニューを作るのに特化しています。自由度は高くありませんが使い方は非常に簡単なのでオススメですよ。

Food and Drink Menuの使い方

それでは早速インストールして実際にメニューページを作ってみます。

インストールと有効化

WordPressの管理画面にログインし、サイドメニューから【プラグイン】→【新規追加】をクリックします。画面右上の検索窓に「Food and Drink Menu」と入力すれば該当のプラグインが表示されますので【今すぐインストール】をクリックします。

【有効化】をクリックしてプラグインを起動します。

メニューを作る

それではここからメニューの作成に入ります。まずは最下層のメニュー単体を作っていきます。

  • メニューのカテゴリー
    • メニュー単体 ←
    • メニュー単体 ←
    • メニュー単体 ←
  • メニューのカテゴリー
    • メニュー単体 ←
    • メニュー単体 ←
    • メニュー単体 ←

これらですね。

プラグインを有効化するとサイドメニューに「Menus」が追加されますのでこちらをクリックします。

【Menu Items】をクリックします。

【Add Menu Item】をクリックします。メニューの新規作成ですね。

上記のようにメニューの情報を入力します。

  • メニューの名前
  • パーマリンク
  • 説明文
  • カテゴリー
  • 価格
  • 写真(あれば)

作成したメニューはこの時指定した「Menu Sections(カテゴリー)」に紐づいています。カテゴリーを指定しないと表示されませんので注意しましょう。

この作業をひたすら繰り返してメニュー単体を全て作成します。

メニューのカテゴリー(くくり)を作る

次はメニューのカテゴリーを作ります。

  • メニューのカテゴリー ←
    • メニュー単体
    • メニュー単体
    • メニュー単体
  • メニューのカテゴリー ←
    • メニュー単体
    • メニュー単体
    • メニュー単体

今度はこっちですね。

【Menus】→【Add Menu】をクリックします。

  • メニューのカテゴリー
  • パーマリンク
  • メニューの説明

を入力します。

メニューページのレイアウト

その下の「Menu Layout」の項目で表示したいメニューを選択します。メニュー単体を作るときに指定した「Menu Sections」が左側に一覧で表示されていますので、任意のセクションをドラッグ&ドロップで選択します。

メニューは1カラム(1行表示)か2カラム(2行表示)にすることができます。

するとあっという間にこのようなメニューページを作ることができます。「First Column」のみ(1行表示)だとこんな感じですね。

「Second Column」も使って2行表示にしてみます。

こんな感じですね。写真や説明文がある場合は1カラム、ない場合は2カラムのようにすると良い感じになりますよ。

メニューページを別で作る

ちなみにメニュー単体、カテゴリーはそれぞれショートコードも生成されますので、これらを使って別の固定ページを作ってレイアウトを変えたり、ブログ記事ページに埋め込んだりすることもできます。

通常では2カラム表示しかできませんが、ショートコードを使えばこのように上は4カラムで下は3カラムなどカテゴリーの数やメニューのボリュームなどによって柔軟にデザインを変えることができます。

飲食店だけでなく美容院やサロンメニューにも

プラグインの名前は『Food and Drink Menu』ですが、飲食メニューだけでなく美容院やサロンなど様々なメニューに応用できますね。

まとめ

いかがでしたでしょうか?

今回はWordPressで作成した飲食店のホームページにメニューページを簡単に作成できるプラグイン『Food and Drink Menu』の使い方と活用方法をご紹介しました。レストラン、カフェ、バー、居酒屋などのサイト担当者や個人オーナーの方で、「良い感じのメニューが作れない」と困ってる方の参考になれば幸いです。

充実したWEBサイト運用と情報発信ライフを送っていきましょう。本日も最後までお読みいただきありがとうございます。

ではまた。

スポンサーリンク

この記事が気に入ったら
フォローしよう

最新情報をお届けします

Twitterでフォローしよう

おすすめ記事